@charset "UTF-8";
/*==================================================

    1. header
    2. TOP

    4. footer

==================================================*/
body {
  background: none; }

/*==================================================
 1. header
==================================================*/
body.home #main_visual {
  background: none;
  background-color: #fff;
  height: auto !important; }
  body.home #main_visual .wrap {
    padding-top: 0 !important;
    position: relative; }
    body.home #main_visual .wrap #title {
      position: absolute;
      right: 0;
      top: 192px; }
    body.home #main_visual .wrap a {
      display: block;
      width: 100%;
      height: 100%; }
  @media screen and (max-width: 768px) {
    body.home #main_visual .wrap {
      margin: 0; }
      body.home #main_visual .wrap #title {
        width: 61.5384615385vw;
        left: 3.0769230769vw;
        top: 24.6153846154vw; } }

#header_blog_img .wrap {
  width: 100%;
  height: 26.0416666667vw;
  max-height: 320px;
  margin: 0 auto !important;
  background: url("/assets/img/anotherface/header_blog_pc.jpg") no-repeat center/contain; }
  #header_blog_img .wrap a {
    display: block;
    width: 100%;
    height: 100%; }
  @media screen and (max-width: 768px) {
    #header_blog_img .wrap {
      height: 42.4479166667vw;
      background: url("/assets/img/anotherface/header_blog_sp.jpg") no-repeat left/cover; } }

/*==================================================
 2. TOP
==================================================*/
#main_visual .wrap {
  width: 100%;
  height: 52.0833333333vw;
  max-height: 600px;
  margin: 0 auto !important;
  background: url("/assets/img/anotherface/header_main_pc.jpg") no-repeat center top/contain; }
  @media screen and (max-width: 768px) {
    #main_visual .wrap {
      height: 47.5260416667vw;
      background: url("/assets/img/anotherface/header_main_sp.jpg") no-repeat left/cover; } }

#sort_button {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 30px; }
  #sort_button button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #241913; }
  #sort_button .index {
    width: 320px;
    height: 40px;
    background: #CBCBCB; }
  #sort_button .buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 8px; }
    #sort_button .buttons button {
      width: 152px;
      height: 40px; }
    #sort_button .buttons button + button {
      margin-left: 12px; }
    #sort_button .buttons .fishing {
      background: #E2FDFF; }
    #sort_button .buttons .life {
      background: #FDFFC7; }
    #sort_button .buttons .other {
      background: #FFE3C6; }
  @media screen and (max-width: 768px) {
    #sort_button {
      display: none; } }

#recent_post_content, #popular_post_content {
  border: none; }
  #recent_post_content h2, #popular_post_content h2 {
    border-bottom: none;
    color: #707070; }
  #recent_post_content .front-loop-cont, #popular_post_content .front-loop-cont {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    margin-top: -50px;
    margin-left: 15px;
    min-width: 1200px; }
    #recent_post_content .front-loop-cont article, #popular_post_content .front-loop-cont article {
      border: 1px solid #BEBEBE;
      margin: 0;
      width: 19.1%;
      margin-top: 50px;
      margin-left: 13px;
      box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); }
      #recent_post_content .front-loop-cont article:nth-child(5n+1), #popular_post_content .front-loop-cont article:nth-child(5n+1) {
        margin-left: 0; }
      #recent_post_content .front-loop-cont article a, #popular_post_content .front-loop-cont article a {
        display: flex;
        flex-direction: column;
        height: 100%; }
      #recent_post_content .front-loop-cont article img, #popular_post_content .front-loop-cont article img {
        margin-bottom: 0; }
      #recent_post_content .front-loop-cont article .article_detail, #popular_post_content .front-loop-cont article .article_detail {
        padding: 18px 20px;
        display: flex;
        flex-direction: column;
        height: 100%; }
        #recent_post_content .front-loop-cont article .article_detail .p_date, #popular_post_content .front-loop-cont article .article_detail .p_date {
          position: relative;
          background: transparent;
          width: auto;
          height: auto;
          text-align: left;
          font-size: 13px;
          color: #241913;
          opacity: 1;
          margin-bottom: 0;
          color: #707070; }
        #recent_post_content .front-loop-cont article .article_detail h3, #popular_post_content .front-loop-cont article .article_detail h3 {
          font-size: 16px;
          color: #707070;
          flex: auto;
          display: block;
          word-wrap: break-word; }
        #recent_post_content .front-loop-cont article .article_detail .cat_cont_inner, #popular_post_content .front-loop-cont article .article_detail .cat_cont_inner {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-top: auto; }
          #recent_post_content .front-loop-cont article .article_detail .cat_cont_inner .p_category, #popular_post_content .front-loop-cont article .article_detail .cat_cont_inner .p_category {
            margin: 0;
            color: #241913;
            padding: 2px 20px; }
            #recent_post_content .front-loop-cont article .article_detail .cat_cont_inner .p_category.fishing, #popular_post_content .front-loop-cont article .article_detail .cat_cont_inner .p_category.fishing {
              background: #E2FDFF; }
            #recent_post_content .front-loop-cont article .article_detail .cat_cont_inner .p_category.life, #popular_post_content .front-loop-cont article .article_detail .cat_cont_inner .p_category.life {
              background: #FDFFC7; }
            #recent_post_content .front-loop-cont article .article_detail .cat_cont_inner .p_category.other, #popular_post_content .front-loop-cont article .article_detail .cat_cont_inner .p_category.other {
              background: #FFE3C6; }
          #recent_post_content .front-loop-cont article .article_detail .cat_cont_inner .continue, #popular_post_content .front-loop-cont article .article_detail .cat_cont_inner .continue {
            margin: 0 !important;
            color: #241913; }
  @media screen and (max-width: 768px) {
    #recent_post_content .front-loop-cont, #popular_post_content .front-loop-cont {
      flex-direction: column;
      min-width: initial;
      min-width: auto;
      margin-top: 0;
      margin-left: 0; }
      #recent_post_content .front-loop-cont article, #popular_post_content .front-loop-cont article {
        width: 100%;
        margin-left: 0; }
        #recent_post_content .front-loop-cont article .article_detail, #popular_post_content .front-loop-cont article .article_detail {
          padding: 18px 20px; }
          #recent_post_content .front-loop-cont article .article_detail .p_date span, #popular_post_content .front-loop-cont article .article_detail .p_date span {
            font-size: 3.6923076923vw; }
          #recent_post_content .front-loop-cont article .article_detail h3, #popular_post_content .front-loop-cont article .article_detail h3 {
            margin: 8px 0 0 0;
            font-size: 4.6153846154vw; }
          #recent_post_content .front-loop-cont article .article_detail .cat_cont_inner, #popular_post_content .front-loop-cont article .article_detail .cat_cont_inner {
            margin-top: 1.8461538462vw;
            justify-content: flex-start; }
            #recent_post_content .front-loop-cont article .article_detail .cat_cont_inner .p_category, #popular_post_content .front-loop-cont article .article_detail .cat_cont_inner .p_category {
              font-size: 3.3846153846vw; }
            #recent_post_content .front-loop-cont article .article_detail .cat_cont_inner .continue, #popular_post_content .front-loop-cont article .article_detail .cat_cont_inner .continue {
              display: none; } }

@media screen and (max-width: 768px) {
  #recent_post_content h2 {
    display: none; } }

#popular_post_content .front-loop-cont {
  margin-left: 15px; }
  #popular_post_content .front-loop-cont article {
    margin-left: 13px;
    /*&:nth-child(5n-2) {
        margin-left: 13px;
    }*/ }
    #popular_post_content .front-loop-cont article:nth-child(5n) {
      margin-left: 0; }
@media screen and (max-width: 768px) {
  #popular_post_content h2 {
    display: block;
    width: 97%;
    margin: 0 auto;
    background: #EDEDED;
    text-align: left;
    padding: 4.9230769231vw 6.1538461538vw;
    font-size: 4.6153846154vw; }
  #popular_post_content .front-loop-cont {
    flex-direction: column;
    min-width: initial;
    min-width: auto;
    padding-top: 0;
    margin-left: 0; }
    #popular_post_content .front-loop-cont article {
      border: none;
      margin-top: 0;
      border-bottom: 1px solid #BEBEBE;
      box-shadow: none;
      margin-left: 0 !important; }
      #popular_post_content .front-loop-cont article .wrap-a {
        border: none; }
      #popular_post_content .front-loop-cont article img {
        display: none; }
      #popular_post_content .front-loop-cont article .article_detail {
        padding: 48px 20px 43px; }
        #popular_post_content .front-loop-cont article .article_detail .p_date span {
          font-size: 3.8461538462vw; }
        #popular_post_content .front-loop-cont article .article_detail h3 {
          margin-left: 0;
          margin-right: 0;
          font-size: 4.1538461538vw; }
        #popular_post_content .front-loop-cont article .article_detail .cat_cont_inner {
          display: none; } }

@media screen and (min-width: 0\0 ) and (min-resolution: 72dpi) {
  article.type-post {
    /* IE向けのCSS～START */
    /* IE向けのCSS～END */ }
    article.type-post .selector {
      property: value; }
    article.type-post img {
      max-height: 151px; } }
article.type-post .post-thumbnail {
  max-height: 151px;
  background: #000;
  display: flex;
  justify-content: center;
  flex: 1 0 151px; }
  article.type-post .post-thumbnail .wp-post-image {
    height: 100%;
    width: auto;
    margin: 0 auto; }
    @media screen and (min-width: 0\0 ) and (min-resolution: 72dpi) {
      article.type-post .post-thumbnail .wp-post-image {
        /* IE向けのCSS～START */
        width: auto;
        margin: 0;
        max-height: 151px;
        /* IE向けのCSS～END */ }
        article.type-post .post-thumbnail .wp-post-image .selector {
          property: value; } }
  @media screen and (max-width: 768px) {
    article.type-post .post-thumbnail {
      max-height: none;
      display: block; } }
  @media screen and (max-width: 768px) and (min-width: 0\0 ) and (min-resolution: 72dpi) {
    article.type-post .post-thumbnail {
      /* IE向けのCSS～START */
      flex: 1 0 auto;
      background: #fff;
      /* IE向けのCSS～END */ }
      article.type-post .post-thumbnail .selector {
        property: value; } }
  @media screen and (max-width: 768px) {
      article.type-post .post-thumbnail .wp-post-image {
        height: auto;
        width: 100%; } }
    @media screen and (max-width: 768px) and (min-width: 0\0 ) and (min-resolution: 72dpi) {
      article.type-post .post-thumbnail .wp-post-image {
        /* IE向けのCSS～START */
        max-height: none;
        /* IE向けのCSS～END */ }
        article.type-post .post-thumbnail .wp-post-image .selector {
          property: value; } }
  @media screen and (max-width: 768px) and (min-width: 0\0 ) and (min-resolution: 72dpi) {
    article.type-post .post-thumbnail {
      /* IE向けのCSS～START */
      min-height: none;
      /* IE向けのCSS～END */ }
      article.type-post .post-thumbnail .selector {
        property: value; }
      article.type-post .post-thumbnail img {
        max-height: none; } }

@media screen and (max-width: 768px) and (min-width: 0\0 ) and (min-resolution: 72dpi) {
  article.type-post {
    /* IE向けのCSS～START */
    min-height: none;
    /* IE向けのCSS～END */ }
    article.type-post .selector {
      property: value; }
    article.type-post img {
      max-height: none; } }

.wp-caption-text {
  line-height: 1.6 !important; }

.post-content img {
  max-height: none !important; }

/* 記事ソート */
#recent_post_content.index .wrap .front-loop-cont.index {
  display: flex; }
#recent_post_content.index .wrap .front-loop-cont.fishing {
  display: none; }
#recent_post_content.index .wrap .front-loop-cont.life {
  display: none; }
#recent_post_content.index .wrap .front-loop-cont.other {
  display: none; }
#recent_post_content.fishing .wrap .front-loop-cont.index {
  display: none; }
#recent_post_content.fishing .wrap .front-loop-cont.fishing {
  display: flex; }
#recent_post_content.fishing .wrap .front-loop-cont.life {
  display: none; }
#recent_post_content.fishing .wrap .front-loop-cont.other {
  display: none; }
#recent_post_content.life .wrap .front-loop-cont.index {
  display: none; }
#recent_post_content.life .wrap .front-loop-cont.fishing {
  display: none; }
#recent_post_content.life .wrap .front-loop-cont.life {
  display: flex; }
#recent_post_content.life .wrap .front-loop-cont.other {
  display: none; }
#recent_post_content.other .wrap .front-loop-cont.index {
  display: none; }
#recent_post_content.other .wrap .front-loop-cont.fishing {
  display: none; }
#recent_post_content.other .wrap .front-loop-cont.life {
  display: none; }
#recent_post_content.other .wrap .front-loop-cont.other {
  display: flex; }

.wp-pagenavi {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%; }
  .wp-pagenavi span, .wp-pagenavi a {
    margin-top: 20px;
    border: none;
    color: #707070; }

.bannar_link {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px; }
  .bannar_link img.pc {
    display: block; }
  .bannar_link img.sp {
    display: none; }
  @media screen and (max-width: 768px) {
    .bannar_link img.pc {
      display: none; }
    .bannar_link img.sp {
      display: block;
      width: 36.9230769231vw;
      height: auto; } }

/*==================================================
 3. single
==================================================*/
article.post header {
  padding: 34px 38px; }
  article.post header .post-title {
    margin: 0; }
article.post .post-title {
  word-wrap: break-word; }
article.post .post-meta-area {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: none;
  padding: 22px 0; }
  article.post .post-meta-area ul.post-meta {
    width: auto;
    margin-left: 0;
    border-bottom: none; }
    article.post .post-meta-area ul.post-meta li {
      margin: 0;
      margin-left: 34px;
      padding: 0; }
  article.post .post-meta-area .cat-name {
    margin: 0;
    margin-left: 20px;
    color: #241913;
    padding: 2px 20px; }
    article.post .post-meta-area .cat-name.fishing {
      background: #E2FDFF; }
    article.post .post-meta-area .cat-name.life {
      background: #FDFFC7; }
    article.post .post-meta-area .cat-name.other {
      background: #FFE3C6; }
article.post .post-content {
  width: 100%;
  display: block;
  word-wrap: break-word; }
@media screen and (max-width: 768px) {
  article.post header {
    padding-top: 38px;
    padding-bottom: 38px; }
    article.post header .post-title {
      font-size: 4.6153846154vw; }
  article.post .post-meta-area ul.post-meta li {
    margin-left: 20px;
    font-size: 4vw; }
  article.post .post-meta-area .cat-name {
    font-size: 2.6153846154vw; }
  article.post .post-content p {
    font-size: 4.3076923077vw; } }

.single_pagenation {
  text-align: center; }
  .single_pagenation a {
    color: #707070; }
  .single_pagenation .older {
    margin: 0 16px; }
  .single_pagenation .sp {
    display: none; }
    @media screen and (max-width: 768px) {
      .single_pagenation .sp {
        display: block; } }

#side {
  width: 291px;
  margin-left: -291px; }
  #side .side-widget {
    margin-bottom: 0; }
  #side #views-2 .side-widget-inner ul li {
    padding-left: 14px; }
    #side #views-2 .side-widget-inner ul li a {
      color: #707070;
      text-decoration: none;
      width: 100%;
      display: block;
      word-wrap: break-word; }
  #side .widget_calendar .side-widget-inner {
    padding: 0; }
    #side .widget_calendar .side-widget-inner #calendar_wrap {
      position: relative; }
      #side .widget_calendar .side-widget-inner #calendar_wrap #wp-calendar {
        width: 252px !important;
        margin: 0 auto; }
        #side .widget_calendar .side-widget-inner #calendar_wrap #wp-calendar caption {
          padding: 0;
          background: #E6E6E6;
          margin: 0 auto;
          width: 252px !important; }
        #side .widget_calendar .side-widget-inner #calendar_wrap #wp-calendar td, #side .widget_calendar .side-widget-inner #calendar_wrap #wp-calendar th {
          font-size: 16px;
          padding: 8px;
          background: #F2F2F2;
          border: none; }
        #side .widget_calendar .side-widget-inner #calendar_wrap #wp-calendar th {
          background: #EBEBEB; }
      #side .widget_calendar .side-widget-inner #calendar_wrap .wp-calendar-nav {
        position: absolute;
        display: flex;
        justify-content: space-between;
        align-items: center;
        top: 2px;
        left: 50%;
        transform: translateX(-50%);
        padding: 0 4px;
        width: 252px !important; }
  #side #recent-posts-2 .side-widget-inner ul li {
    padding-left: 14px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start; }
    #side #recent-posts-2 .side-widget-inner ul li a {
      color: #707070;
      text-decoration: none;
      width: 100%;
      word-wrap: break-word; }
    #side #recent-posts-2 .side-widget-inner ul li .post-date {
      margin: 0;
      color: #707070; }
  #side .bannar_link {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
  @media screen and (max-width: 991px) {
    #side {
      width: 100%;
      margin-left: 0; }
      #side #calendar-3 {
        display: none; } }
  @media screen and (max-width: 768px) {
    #side .side-title {
      padding: 4.9230769231vw 6.1538461538vw; }
      #side .side-title .side-title-inner {
        font-size: 4.6153846154vw; }
    #side #views-2 ul li, #side #recent-posts-2 ul li {
      padding: 6.6153846154vw 6.1538461538vw;
      font-size: 3.8461538462vw; }
      #side #views-2 ul li span, #side #recent-posts-2 ul li span {
        font-size: 3.8461538462vw; }
    #side .bannar_link {
      margin-top: 6.1538461538vw; }
      #side .bannar_link img {
        width: 240px;
        height: auto; } }

/* 月ごとの記事一覧 */
.post-thumbnail.archives-thumbnail {
  max-height: none !important; }
  .post-thumbnail.archives-thumbnail a {
    width: 100%; }
  .post-thumbnail.archives-thumbnail img {
    max-height: none !important;
    display: block;
    width: 100% !important;
    height: 100%; }

/*==================================================
 4. footer
==================================================*/
#footer {
  border: none; }
  #footer .footer-02 {
    background: #969595; }

/*# sourceMappingURL=add.css.map */
