@charset "UTF-8";

/****************************************

               Blog Page

*****************************************/

.section_box {
    width: 100%;
 }
 
 .blog_wrap .page-title,
 .blog-article_wrap .page-title {
   font-family: TBGothic M;
   font-weight: 600;
    margin: 1.333vw 0 0;
    line-height: 1.3;
    font-size: 4.0625vw;
 }
 
 
 .blog_main>li {
    border-bottom: 1px solid #ccc;
    padding: 10.66667vw 0;
 }
 .blog_main>li:first-child {
    padding: 0 0 10.66667vw;
 }
 .blog_wrap .page-header_wrap {
    padding: 0 3.333vw;
 }
 .blog_wrap .page-info {
    display: -ms-flex-box;
    display: flex;
    justify-content: flex-start;
 }
 .blog-article_wrap .page-date {
    font-size: 3.75vw;
    color: #000;
    line-height: 1.3;
 }
 .blog_wrap .page-date {
    font-size: 3.75vw;
    color: #000;
    line-height: 1.5;
 }
  

.blog_wrap .multiple_box_pc {
  display: none !important;
}

 .blog_wrap .page-img_box .page-img {
    padding: 0 3.333vw;
    box-sizing: border-box;
 }
 .blog_wrap .page-img_box .page-img img {
    border: 1px solid #ccc;
    box-sizing: border-box;
 }
 .blog_wrap .page-img_box .page-img,
 .blog_wrap .page-img_box .page-img img {
    width: 100%;
    margin: 2vw 0;
 }

 .blog_wrap .page-tags {
    padding: 0 3.33vw;
    margin: 2vw 0 0;
 }
 
 .thumb_box_multiple {
    padding: 3.333vw 0;
 }
 
 .thumb_box {
    display: -ms-flex-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 0 3.333vw;
 }
 .thumb_box p { 
    font-size: 3.75vw;
    font-weight: 500;
    line-height: 1.3;
    width: 50vw;
 }
 .thumb_box b { 
    display: inline-block;
    font-size: 3.75vw;
    font-family: TBGothic M;
    font-weight: 600;
    margin: 0 10px 0 auto;
    width: 25vw;
    text-align: right;
 }
 .page-thumb {
    width: 13.125vw;
    height: 13.125vw;
    border-radius: 50%;
    overflow: hidden;
 }
 
 
 /*aside*/
 .blog_wrap aside {
    padding: 15.625vw 3.33vw 0;
 }
 aside>div {
    margin-bottom: 10.33vw;
 }
 aside div h2 {
   font-size: 8.75vw;
   margin-bottom: 4vw;
   font-family:  FB Benton Sans Medium;
   font-weight: 600;
}
 aside div h3 {
    font-size: 6.5625vw;
    margin-bottom: 2vw;
    font-family:  FB Benton Sans Medium;
   font-weight: 600;
 }

 /* aside div h3.aside_semi {
   margin-top: 6vw;
 } */
 aside div li {
    margin-bottom: 2vw;
 }
 
 aside .blog_list ul li {
    display: -ms-flex-box;
    display: flex;
 }
 aside .blog_list ul li a {
    color: #333;
    font-weight: bold;
 }
 
 .blog_bt-list_img {
    width: 46vw;
    height: 30.66vw;
    margin-right: 2vw;
    margin-bottom: 6.667vw;
    overflow: hidden;
 }
 
 .blog_bt-list_img .imgClass {
    width: 46vw;
    height: 30.66vw;
    border: 1px solid #ccc;
    box-sizing: border-box;
 }
 aside .blog_list ul li:last-child .blog_bt-list_img {
    margin-bottom: 0;
 }
 .blog_bt-list_img img {
    width: 100%;
 }
 .blog_bt-list_txt {
    width: 44vw;
     text-align: left;
     line-height: 0;
     color: #333;
     font-weight: bold;
 }
 
 .blog_list_date,
 .blog_list_cate {
    font-size: 3.75vw;
    margin: 0 0 1.5vw;
 }
 .blog_list_cate {
   line-height: 1.3;
   margin: 2vw 0;
 }
 .blog_list_title {
    font-size: 4.0625vw;
    font-family: TBGothic M;
font-weight: 600;
    line-height: 1.3;
 }
 
 
 .blog_info {
   padding: 10vw 0;
   border: 1px solid #ccc;
   border-left: 0;
   border-right: 0;
}
 
 
 .widget {
    list-style: none;
 }

 .themes .widget_wrap_list>li li {
    padding-left: 1.1em;
    position: relative;
    font-size: 4.0625vw;
    margin-bottom: 10px;
 }   
 .themes .widget_wrap_list>li li::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: #000;
    position: absolute;
    top: 2px;
    left: 0;
 }
 
 
 .widget_media_image img {
    width: 100%;
    border: 1px solid #7c7e7f;
    box-sizing: border-box;
 }
 .widget_media_image {
    margin-bottom: 20px;
 }
 
 
 
 .widget_tag_cloud {
    background: #f3f3f3;
    padding: 4vw;
    text-align: center;
 }
 .widget_tag_cloud h2 {
    font-weight: 900;
    font-size: 8.75vw;
    margin-bottom: 4vw;
 }
 .widget_tag_cloud a {
    display: inline-block;
    margin: 0 5.33vw 2vw 0;
    word-break: break-all;
 }
 

.blog_list .banner img {
   width: 100%;
   border: 1px solid #ccc;
}
.blog_wrap .page-title a br,
.blog-article_wrap .page-title a br,
.blog-article_wrap .page-title br {
   display: none;
}
 .blog-article_wrap .sns-item {
   width: 15vw; 
   position: absolute;
   right: 3.33vw;
   top: -6vw;
 }
 .blog_wrap .search_txt  {
    font-size: 4vw;
    padding: 0 3.333vw;
    margin: 2vw 0;
 }
 @media screen and (min-width: 768px) {
    .blog_wrap .search_txt  {
      margin: 0 0 80px;
      padding: 0;
      text-align: left;
      font-weight: bold;
      font-size: 24px;
   }
    .blog-article_wrap .sns-item {
      max-width: 70px;
      width: 60px;
      position: relative;
      top: 0;
      right: 0;
    }
    .blog_wrap .page-title a br,
    .blog-article_wrap .page-title a br {
      display: block;
   }

   .blog_wrap .page-header_wrap {
      padding: 0;
   }
   .blog-article_wrap .page-date,
   .blog_wrap .page-date {
      padding-bottom: 0;
      font-size: 18px;
   }
   .blog-article_wrap .page-date span {
      display: inline-block;
   }
   .blog_wrap .section_box,
   .blog-article_wrap .section_box {
       max-width: 1000px;
       margin: 0 auto;
       padding: 0 0;
       display: -ms-flex-box;
       display: flex;
       justify-content: space-between;
    }
 
    .blog_wrap .page-title,
    .blog-article_wrap .page-title {
       font-size: 24px;
       margin: 0 0 20px;
    }

    .blog-article_wrap .section {
       width: 640px;
       margin-top: 30px;
    }
    .blog_wrap .section {
       width: 640px;
       margin-top: 80px;
    }
    .section_box aside {
       width: 300px;
       margin-top: 80px;
    }
    .wp-pagenavi {
       padding: 100px 0 0;
       font-size: 14px;
    }
    .blog_main>li {
       padding: 80px 0;
    }
    .blog_main>li:first-child {
       padding: 0 0 80px;
    }
    .page-header_wrap {
       padding: 0 0;
    }
    .page-date time {
       font-size: 18px;
       vertical-align: middle;
    }
    .page-date span {
       font-size: 14px;
    }
 
    .blog_wrap .page-title {
       font-size: 24px;
       margin: 10px 0 20px;
    }
 
    .blog_wrap .multiple_box_pc {
      display: flex !important;
    }

    .blog_wrap .page-img_box.multiple_box_pc {
       display: -ms-flex-box;
       align-items: flex-start;
       justify-content: flex-start;
    }
    .blog_wrap .page-img_box.multiple_box_pc.page-img_box_multiple {
      align-items: flex-start;
    }

    .blog_wrap .multiple_box_sp {
      display: none !important;
   }

   .blog_wrap .page-img_box .page-img_wrap {
      width: 65.625%;
      margin-right: 30px;
   }


    .blog_wrap .page-img_box .page-img {
      padding: 0;
   }
    .blog_wrap .page-img_box .page-img,
    .blog_wrap .page-img_box .page-img img {
       width: 420px;
       height: 280px;
       margin: 0 30px 0 0;
    }
    .blog_wrap .page-img_box .page-img img {
      object-fit: cover;
   }
    .blog_wrap .page-img_box p {
       font-size: 11px;
       line-height: 1.5;
    }
    .blog_wrap .page-img_box b {
       display: block;
       font-size: 14px;
       font-family: TBGothic M;
       font-weight: 600;
       margin: 7px 0;
    }
    .page-header_wrap,
    .blog_wrap .page-tags {
       padding: 0 0;
    }
    .blog_wrap .page-tags {
       margin: 10px 0 80px;
    }
    

    .thumb_box {
       display: block;
       padding: 0 0;
       /* margin-top: 95px; */
       width: calc(100% - 450px);
    }
    .thumb_box p { 
       font-size: 12px;
       font-weight: normal;
       width: 100%;
    }
    .thumb_box b { 
       display: block;
       font-size: 14px;
       font-weight: 600;
       width: 100%;
       text-align: left;
    }
    .page-thumb {
       width: 60px;
       height: 60px;
       /* position: absolute;
       left: 0;
       top: 65px; */
       margin-top: 20px;
       margin-bottom: 20px;
    }
   .blog_wrap aside {
       width: 300px;
       padding: 0;
    }
    aside>div {
       margin-bottom: 50px;
    }
    aside div h2 {
       font-size: 36px;
       margin-bottom: 30px;
    }
    aside div h3 {
       font-size: 25px;
       margin-bottom: 15px;
    }
 
    aside  div h3:nth-of-type(2),
    aside  div h3:nth-of-type(3) {
       margin-top: 30px;
    }
    aside div li {
       margin-bottom: 10px;
    }
    .themes .widget_wrap_list>li li {
       padding-left: 1.3em;
       position: relative;
       font-size: 14px;
       margin-bottom: 10px;
    }
    .themes .widget_wrap_list>li li::before {
       content: '';
       display: block;
       width: 10px;
       height: 10px;
       background: #000;
       position: absolute;
       top: 2px;
       left: 0;
   }
    .themes a:hover {
       text-decoration: underline;  
    }
    .widget_media_image {
       margin: 80px 0;
    }
    .widget_tag_cloud {
       padding: 30px;
       text-align: left;
    }
    .widget_tag_cloud h2 {
       font-size: 42px;
       margin-bottom: 20px;
    }
    .widget_tag_cloud a {
       display: inline;
       margin: 0 14px 0 0;
    }
    aside .info h4:not(:first-of-type) {
       margin-top: 30px;
    }

    .blog_bt-list_img {
       width: 120px;
       height: 80px;
       margin-right: 10px;
       margin-bottom: 20px;
    }
 
    .blog_bt-list_img .imgClass {
       width: 120px;
       height: 80px;
    }
 
    .blog_bt-list_txt {
       width: 170px;
       margin-bottom: 10px;
    }

   .blog_info {
      padding: 30px 0;
      border: 1px solid #ccc;
      border-left: 0;
      border-right: 0;
   }
    .blog_list .banner {
       width: 298px;
       /* height: 98px; */
    }
    .blog_list_date,
    .blog_list_cate {
       font-size: 10px;
       margin: 0 0 5px;
    }
    .blog_list_cate {
       margin: 5px 0 7px;
    }
    .blog_list_title {
       font-size: 12px;
       line-height: 1.5;
    }
 }
 
 @media (min-width:768px) and ( max-width:1024px) { 
    .blog_wrap .sub_container {
        width: 100%;
        padding: 0 3.3vw;
        box-sizing: border-box;
    }
    .blog_wrap .sub_title,
    .blog_wrap .section {
        width: 60vw;
        margin: 180px 3vw 0 0;
    }
    .blog_wrap .sub_title {
        padding: 0 3.3vw;
        box-sizing: border-box;
    }
    .seminar_wrap .sub_title_lead p {
        width: 60vw;
    }
    .blog_wrap .page-img_box .page-img_wrap {
      width: 42vw;
   }
    .blog_wrap .page-img_box .page-img, 
    .blog_wrap .page-img_box .page-img img {
        width: 42vw;
        height: 28vw;
        margin: 0 3vw 0 0;
    }
    .blog_wrap .page-tags {
        width: 60vw;
    }
    .section_box aside {
        width: 30vw;
        padding: 0;
    }
    .section_box aside .blog_bt-list_img {
        width: 12vw;
        height: 8vw;
        margin-right: 1vw;
    }

    .thumb_box {
      width: calc(100% - 42vw);
   }

    /* .blog_wrap .thumb_box {
      margin-top: 8vh;
    } */
    .blog_wrap .page-title {
       font-size: 2.4vw;
    }
    .blog_wrap .page-img_box p {
       font-size: 1.2vw;
    }
 }


/****************************************

            Blog Articel Page

*****************************************/
.blog-article_wrap aside {
    padding: 20vw 3.33vw 0;
 }
 .blog-article_wrap .page-header_wrap {
   padding: 0 3.333vw;
   position: relative;
 }
 .blog-article_wrap .page-header {
    display: -ms-flex-box;
    display: flex;
    -ms-flex-pack: space-between;
    justify-content: space-between;
 }
 .blog-article_wrap .page-info {
    display: -ms-flex-box;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
 }
 .blog-article_wrap .page-box .wp-caption {
    width: 100% !important;
    text-align: center;
 }
 /* .blog-article_wrap .page-box img {
    width: 93vw;
    margin: 4vw auto 2vw;
 }

 .blog-article_wrap .page-box a img {
   width: 10vw;
 } */


 .blog-article_wrap .page-box {
    position: relative;
    padding-top: 6.666vw;
 }
 .evernt_article .page-box {
   padding-top: 0;
}
 .blog-article_wrap .page-box p {
    margin-top: 5.3333vw;
    padding: 0 3.333vw;
    font-size: 4.0625vw;
    line-height: 1.8em;
 }

 .blog-article_wrap .page-box iframe {
    width: 93.333vw !important;
    margin: 0 auto;
 }
 .blog-article_wrap .page-box iframe.vimeo {
   width: 100% !important;
   height: 60vw !important;
}
 .blog-article_wrap .page-box iframe.instagram-media {
   width: 93.333vw !important;
   max-width: 92vw !important;
   min-width: 92vw !important;
   margin: 0 auto !important;
 }
 .blog-article_wrap .page-box h2,
 .blog-article_wrap .page-box h3 {
    font-size: 4.6875vw;
    font-family: TBGothic M;
   font-weight: 600;
    padding: 2vw;
    line-height: 1.5;
    margin: 4vw 3.333vw 2vw;
    background: #fff100;
 }
 /* .blog-article_wrap .page-box h2.point_txt {
   font-size: .93em;
   font-family: TBGothic M;
   font-weight: 600;
   padding: 0 3.33vw;
 } */

 .blog-article_wrap .page-box p.wp-caption-text {
    font-size: 3.125vw;
    margin: 10px 0 0;
    width: 93vw;
    text-align: left;
 }
 
 .blog-article_wrap .blog_thumb01 {
    padding: 6.6667vw 3.333vw 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
 }
 .blog_thumb01 p {
    font-size: 3.75vw;
    text-align: right;
    line-height: 1.2;
 }
 .blog_thumb01 b {
   font-family: TBGothic M;
   font-weight: 600;
 }
 .blog_thumb01_img {
    width: 18.75vw;
    height: 18.75vw;
    margin: 0 0 0 4vw;
    border-radius: 50%;
    overflow: hidden;
 }
 

 
 @media screen and (min-width: 768px) {
    .blog-article_wrap aside {
      padding: 0 0;
      margin-top: 30px;
   }
    .blog-article_wrap .page-header_wrap {
      padding: 0;
    }
    .blog-article_wrap .aside {
       margin-top: -150px;
       padding: 0;
    }
 
    .blog-article_wrap .page-info {
       margin-top: 0;
       margin-bottom: 10px;
    }
    .blog-article_wrap .page-box {
       padding-left: 0;
       padding-top: 0;
   }
   .blog-article_wrap .page-box h2,
   .blog-article_wrap .page-box h3 {
    font-size: 18px;
    font-weight: bold;
    padding: 8px 10px 8px;
    margin: 30px 0 20px;
 }
 /* .blog-article_wrap .page-box h2.point_txt {
   font-size: 21px;
   font-weight: bold;
   padding: 0;
   margin-bottom: 20px;
 } */

 .blog-article_wrap .page-box h2:first-child,
 .blog-article_wrap .page-box h3:first-child {
    margin: 0 0 20px;
 }
 .blog-article_wrap .page-box p {
    padding: 0 0;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 14px;
 }
 .blog-article_wrap .page-box iframe {
   width: 100% !important;
}
.blog-article_wrap .page-box iframe.vimeo {
   width: 100% !important;
   height: 360px !important;
}
.blog-article_wrap .page-box iframe.instagram-media {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
}
 
 /* .blog-article_wrap .page-box img {
    margin-top: 0;
    margin-bottom: 10px;
    max-width: 640px;
 } */
 .blog-article_wrap .page-box a {
    vertical-align: bottom;
    margin-right: 5px;
 }
 /* .blog-article_wrap .page-box a img {
   width: 90px;
   margin-bottom: 10px;
 } */


 .blog-article_wrap .page-box p.wp-caption-text {
    font-size: 10px;
    margin: 10px 0 20px;
    line-height: 1.3;
    max-width: 640px;
    color: #666;
 }
 .blog_thumb_multiple {
   padding: 30px 0 20px;
 }


    .blog-article_wrap .blog_thumb01 {
       padding: 20px 0;
    }
    .blog_thumb01 p {
       font-size: 11px;
       line-height: 1.5;
    }
    .blog_thumb01 b {
       font-size: 14px;
    }
    .blog_thumb01_img {
       width: 60px;
       height: 60px;
       margin: 0 0 0 20px;
    }
 
 }
 @media (min-width:768px) and ( max-width:1024px) { 

    .blog-article_wrap .sub_container {
        width: 100%;
        padding: 0 3.3vw;
        box-sizing: border-box;
    }

    .blog-article_wrap .sub_title, 
    .blog-article_wrap .section{
        width: 60vw;
        margin: 180px 3vw 0 0;
    }
    /* .blog-article_wrap .page-box img {
        width: 60vw;
    } */

    .blog-article_wrap .sub_title {
        padding: 0 3.3vw;
        box-sizing: border-box;
    }

    .blog_wrap .page-tags {
        width: 60vw;
    }

 }