@font-face {
  font-family: 'footer_bar';
  src: url('/ownersvision/wp-content/themes/muum_tcd085/fonts/footer_bar.eot?v=1.2');
  src: url('/ownersvision/wp-content/themes/muum_tcd085/fonts/footer_bar.eot?v=1.2#iefix') format('embedded-opentype'),
       url('/ownersvision/wp-content/themes/muum_tcd085/fonts/footer_bar.woff?v=1.2') format('woff'),
       url('/ownersvision/wp-content/themes/muum_tcd085/fonts/footer_bar.ttf?v=1.2') format('truetype'),
       url('/ownersvision/wp-content/themes/muum_tcd085/fonts/footer_bar.svg?v=1.2#footer_bar') format('svg');
  font-weight: normal;
  font-style: normal;
}



.top-faq {
  padding-bottom: 0 !important;
}
@media (min-width:768px) {
  .top-faq {
    padding-bottom: 0 !important;
  }
}
.top-news {
  padding-top: 0;
  padding-bottom: 58px
}
@media (min-width:768px) {
  .top-news {
    padding-bottom: 100px;
  }
}
.top-news .heading-primary {
  margin-bottom: 0;
}
dl.blog_list.type-news {
  margin-bottom: 35px;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #000;
  border-top: 0;
}
dl.blog_list.type-news dt {
  width: 8em;
  padding: 20px;
  border-top: 1px solid #000;
}
dl.blog_list.type-news dd {
  width: calc(100% - 8em);
  padding: 20px;
  border-top: 1px solid #000;
}
@media (min-width:768px) {
  dl.blog_list.type-news dt {
    width: 10em;
    padding: 20px 40px;
  }
  dl.blog_list.type-news dd {
    width: calc(100% - 10em);
    padding: 20px 40px;
  }
}
.top-content {
  padding-top: 0;
  padding-bottom: 58px
}
@media (min-width:768px) {
  .top-content {
    padding-bottom: 100px;
  }
}
.top-content + .top-faq {
  padding-bottom: 58px !important;
}
@media (min-width:768px) {
  .top-content + .top-faq {
    padding-bottom: 100px !important;
  }
}



/* ----------------------------------------------------------------------
 ブログアーカイブページ
---------------------------------------------------------------------- */

/* 記事タイプ１ */
.blog_list.type1 {
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.blog_list.type1 .item { width:calc(50% - 20px); height:392px; margin:0 40px 40px 0; position:relative; }
.blog_list.type1 .item:nth-of-type(2n) { margin-right:0px; }
.blog_list.type1.no_date .item { height:368px; }
.top-content .blog_list.type1 .item { width:calc(100% / 3 - 27px); }
.top-content .blog_list.type1 .item:nth-of-type(2n) { margin-right:40px; }
.top-content .blog_list.type1 .item:nth-of-type(3n) { margin-right:0px; }
.blog_list.type1 .link { display:block; width:100%; height:100%; }
.blog_list.type1 .image_wrap { display:block; width:100%; height:230px; position:relative; z-index:1; overflow:hidden; }
.blog_list.type1 .image { width:100%; height:100% !important; display:block; overflow:hidden; position:relative; z-index:2; }
.blog_list.type1.has_excerpt .image:before {
  content:''; display:block; width:100%; height:60%; position:absolute; bottom:0px; left:0px; z-index:2;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
}
.blog_list.type1 .content {
  height:162px; border:1px solid #ddd; border-top:none; position:relative;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.blog_list.type1 .content_inner { padding:25px 30px; }
.blog_list.type1.no_date .content { height:138px; }
.blog_list.type1 .title {
  font-weight:600; line-height:1.6; max-height:4.8em; overflow:hidden; visibility:visible;
  word-wrap:break-word; word-break:break-all;
}
.blog_list.type1 .title span { display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.blog_list.type1.has_excerpt .title { position:absolute; z-index:3; color:#fff; bottom:20px; padding:0 30px; }
.blog_list.type1.has_excerpt .ad_item .title { position:relative; z-index:3; color:#000; bottom:auto; padding:0; }
.blog_list .desc { line-height:2; max-height:6em; overflow:hidden; visibility:visible; }
.blog_list .desc span { display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.blog_list.type1 .category {
  font-size:12px; text-align:center; color:#fff; position:absolute; z-index:3; left:0px; top:0px;
  min-width:130px; height:40px; line-height:40px; padding:0 20px; display:inline-block;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
.blog_list.type1 .date { font-size:12px; padding:0 0 0 22px; color:#999; position:absolute; bottom:30px; left:30px; }
.blog_list.type1 .date:before {
  font-family:'footer_bar'; content:'\e912'; font-size:13px; top:3px; left:0px; position:absolute;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.blog_list.type1 .client { padding-left:0; }
.blog_list.type1 .client:before { display:none; }
@media screen and (max-width:1100px) {
  .blog_list.type1 { margin-bottom:20px; position:relative; }
  .blog_list.type1 .item { width:calc(50% - 15px); height:370px; margin:0 30px 30px 0; }
  .blog_list.type1.no_date .item { height:350px; }
  .top-content .blog_list.type1 .item { width:calc(50% - 15px) !important; }
  .top-content .blog_list.type1 .item:nth-of-type(3n) { margin-right:30px !important; }
  .top-content .blog_list.type1 .item:nth-of-type(2n) { margin-right:0px !important; }
  .blog_list.type1 .image_wrap { height:210px; }
  .blog_list.type1 .category { font-size:11px; min-width:100px; height:35px; line-height:35px; padding:0 15px; }
}
@media screen and (max-width:750px) {
  .blog_list.type1 { margin-bottom:20px; }
  .blog_list.type1 .item { width:calc(50% - 10px); height:340px; margin:0 20px 20px 0; }
  .blog_list.type1.no_date .item { height:310px; }
  .top-content .blog_list.type1 .item { width:calc(50% - 10px) !important; }
  .top-content .blog_list.type1 .item:nth-of-type(3n) { margin-right:20px !important; }
  .top-content .blog_list.type1 .item:nth-of-type(2n) { margin-right:0px !important; }
  .blog_list.type1 .content { height:130px; }
  .blog_list.type1.no_date .content { height:100px; }
  .blog_list.type1 .content_inner { padding:15px 20px; }
  .blog_list.type1 .title { line-height:1.6; max-height:4.8em; }
  .blog_list.type1 .date { left:20px; bottom:20px; }
  .blog_list.type1 .desc { line-height:2; max-height:6em; }
}
@media screen and (max-width:550px) {
  .blog_list.type1 { margin-bottom:35px; }
  .blog_list.type1 .item { width:100%; height:340px; margin:0 0 20px 0; }
  .blog_list.type1 .item:last-of-type { margin:0; }
  .top-content .blog_list.type1 .item { width:100% !important; }
  .top-content .blog_list.type1 .item:nth-of-type(3n) { margin-right:0px !important; }
}


/* 記事タイプ２ */
.blog_list.type2 {
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.blog_list.type2 .item { width:100%; margin:0 0 40px 0; height:230px; position:relative; }
.top-content .blog_list.type2 .item { width:calc(50% - 20px); margin-right:40px; }
.top-content .blog_list.type2 .item:nth-of-type(2n) { margin-right:0; }
.blog_list.type2 .link { display:block; width:100%; height:100%; }
.blog_list.type2 .image_wrap { float:left; display:block; width:230px; height:230px; position:relative; z-index:1; overflow:hidden; }
.blog_list.type2 .image { width:100%; height:100% !important; display:block; overflow:hidden; position:relative; z-index:2; }
.blog_list.type2 .content {
  width:calc(100% - 230px); height:230px; float:left; border:1px solid #ddd; border-left:none; position:relative;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.blog_list.type2 .content_inner {
  padding:0 30px;
  position:absolute; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
.blog_list.type2 .category {
  font-size:12px; text-align:center; color:#fff; position:absolute; z-index:3; left:0px; top:0px;
  min-width:130px; height:40px; line-height:40px; padding:0 20px; display:inline-block;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
.blog_list.type2 .title {
  font-weight:600; line-height:1.8; max-height:5.4em; overflow:hidden; visibility:visible;
  word-wrap:break-word; word-break:break-all;
}
.blog_list.type2 .title span { display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.blog_list.type2 .date { font-size:12px; margin:7px 0 0 0; padding:0 0 0 22px; color:#999; position:relative; }
.blog_list.type2 .date:before {
  font-family:'footer_bar'; content:'\e912'; font-size:13px; top:3px; left:0px; position:absolute;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.blog_list.type2 .client { padding-left:0; }
.blog_list.type2 .client:before { display:none; }
@media screen and (max-width:1100px) {
  .blog_list.type2 { margin-bottom:-30px; }
  .blog_list.type2 .item { height:160px; margin:0 0 30px 0; }
  .top-content .blog_list.type2 .item { width:calc(50% - 15px) !important; margin-right:30px !important; }
  .top-content .blog_list.type2 .item:nth-of-type(2n) { margin-right:0 !important; }
  .blog_list.type2 .image_wrap { width:160px; height:160px; }
  .blog_list.type2 .content { width:calc(100% - 160px); height:160px; }
  .blog_list.type2 .content_inner { padding:0 20px; }
  .blog_list.type2 .category { font-size:11px; min-width:100px; height:35px; line-height:35px; padding:0 15px; }
}
@media screen and (max-width:900px) {
  .blog_list.type2 .item { height:130px; }
  .blog_list.type2 .image_wrap { width:130px; height:130px; }
  .blog_list.type2 .content { width:calc(100% - 130px); height:130px; }
}
@media screen and (max-width:750px) {
  .blog_list.type2 { margin-bottom:0px; }
  .blog_list.type2 { display:block; }
  .blog_list.type2 .item { width:100%; margin:0 0 20px 0; }
  .top-content .blog_list.type2 .item { width:100% !important; }
  .top-content .blog_list.type2 .item:nth-of-type(2n) { margin-right:0 !important; }
  .blog_list.type2 .item:last-of-type { margin-bottom:0; }
}


/* ホバーアニメーション */
.blog_list.use_hover_animation .item { top:0; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
.blog_list.use_hover_animation .item:hover { top:-3px; box-shadow:0 0 30px 0 rgba(0,0,0,0.2); }