@charset "utf-8";

/* header-background-img */
.h2-Box {
  background-image: url(../images/blog/main-img.jpg);
}

/*PC用*/
@media screen and (min-width:641px) {
  #main{width: 1100px;margin: 0 auto 40px;}
  #main .breadcrumbs li{display: inline;float: left;margin-right: 20px;margin-bottom: 30px;padding: 30px 0 0;}
  #main .right-box{width: 830px;float: right;}
  /* sidecontents */
  #main .side_area {
    width: 240px;
    float: left;
  }
  .ttl_side {
    text-align: center;
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .side_area .ttl_side:first-child {
    margin-top: 0;
  }
  .side_area .ttl_side {
    margin-top: 25px;
  }

  /* calendar */
  #wp-calendar {
    width: 200px;
    margin: 0 auto;
  }
  #wp-calendar caption {
    margin-bottom: 15px;
    font-size: 17px;
  }
  #wp-calendar thead th {
    background-color: #000;
    color: #fff;
    padding: 10px 5px;
    margin-right: 3px;
    border-right: 3px solid #fff;
    font-size: 16px;
    font-weight: bold;
  }
  #wp-calendar tbody td {
    padding: 10px 5px;
    text-align: center;
  }
  #wp-calendar a {
    color: #0b89cd;
    text-decoration: underline;
  }

  /* side-link-list */
  .side_blog_list {
    margin-bottom: 40px;}

  .side_blog_list_month {
    margin-bottom: 40px;
    height: 400px;
    overflow-y: scroll;}



  .side_blog_list a {
    padding-left: 30px;
    display: block;
    position: relative;
    padding-right: 30px;
    line-height: 1.6em;
  }
  .side_blog_list a:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 13px;
    background-color: #ccc;
    left: 17px;
    top: 3px;
  }
  .side_blog_list li {
    border-bottom: 1px dotted #000;
    padding-bottom: 15px;
    margin-top: 15px;
    font-size: 14px;
  }

  /* リスト */
  .blog-box {
    border-bottom: 1px solid #000;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .blog-list {
    border: 1px solid #000;
    padding: 30px;
    margin-bottom: 50px;
  }
  .blog-list .blog-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .blog-list .blog-box .fit {
    width: 220px;
    margin-right: 40px;
    height: 162px;
    overflow: hidden;
    background: #000;
  }
	.blog-list .blog-box .fit img{width: 100%;height: 100%;}


  .blog-list .blog-box .right-text {
    width: 475px;
    padding-top: 15px;
  }
  .right-text .day {
    border-bottom: 1px dotted #000;
    padding-bottom: 25px;
    margin-bottom: 20px;
    font-size: 16px;
  }
  .ico {
    background-color: #fff;
    margin-right: 10px;
    padding: 3px 20px;
    font-size: 12px;
    position: relative;
    border: 1px solid #ccc;
  }
  .ico.news {
    background-color: #e73277;
  }
  .ico.diary {
    background-color: #96c600;
  }
  .right-text .ttl {
    font-size: 18px;
    line-height: 25px;
  }
  .blog-box:last-child {
    border-bottom-width: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  /* 詳細ページ */
  .link ul {
    display: flex;
    flex-wrap: wrap;
    clear: both;
    margin-bottom: 20px;
  }

.link ul li:first-child{ padding:0 20px 0 0; }

 .link ul li{position: relative;}

  .link ul li:first-child:after {
    content: "|";
    font-size: 16px;
    margin-left: 5px;
    margin-right: 5px;
    color: #838383;
    position: absolute;
    top: -1px;
    left: 57px;
  }


  .link ul a {
    color: #838383;
    font-size: 16px;
  }
  .link li:last-child {
    margin-left: auto;
  }
  .blog-detail .blog-box {
    border: 1px solid #000;
    padding: 50px 40px 40px 40px;
    margin-bottom: 10px;
  }
  .blog-detail h3.box-top {
    font-size: 19px;
    font-weight: bold;
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #000;
    margin-bottom: 30px;
    line-height: 30px;
  }
  .blog-detail .day {
    font-size: 19px;
    font-weight: bold;
  }
  .blog-detail .ico {
    margin-right: 10px;
    padding: 2px 20px;
    font-size: 14px;
    bottom: 2px;
  }
  .wysiwyg p {
    line-height: 25px;
  }
  .acv-title {
    background: #0b89cd;
    display: block;
    padding: 10px;
    margin-bottom: 20px;
    font-weight: bold;
    color: #fff;
  }

h2.screen-reader-text{
	padding:0 0 5px 0;
	    font-size: 14px;
    text-align: center;}

  span.page-numbers.current,
  a.page-numbers{
  	margin: 0 8px 0 0;
  	border: 1px solid #333;
  	padding: 5px 14px 5px;
  	display: inline-block;
  	font-size: 14px;
  	}





}

/*SP用*/
@media screen and (max-width:640px) {
.breadcrumbs{ display: none;}
  /* sidecontents */
  #main .side_area { padding: 0 3vw; }
  .ttl_side { text-align: center; border-bottom: 0.24vw solid #000; padding-bottom: 3.62vw; margin-bottom: 3.62vw; }
  .side_area .ttl_side:first-child { margin-top: 0; }
  .side_area .ttl_side { margin-top: 6.04vw; }
  #main h2 { padding: 9.42vw 0; margin-bottom: 0; }
  
  /* calendar */
  #wp-calendar {width: 100%;}
  #wp-calendar caption { margin-bottom: 3.62vw; font-size: 4.11vw; }
  #wp-calendar thead th {background-color: #000;color: #fff;padding: 2.42vw 1.21vw;margin-right: 0.72vw;border-right: 0.72vw solid #000;font-size: 3.86vw;font-weight: bold;}
  #wp-calendar tbody td { padding: 2.42vw 1.21vw; text-align: center; }
  #wp-calendar a { color: #0b89cd; text-decoration: underline; }
  
  /* side-link-list */
  .side_blog_list { margin-bottom: 9.66vw; }
  
  .side_blog_list_month { margin-bottom: 9.66vw; height: 96.62vw; overflow-y: scroll;}
  
  
  .side_blog_list a { padding-left: 7.25vw; display: block; position: relative; padding-right: 7.25vw; line-height: 1.6em; }
  .side_blog_list a:before {content: "";position: absolute;height: 4.74vw;background-color: #000;left: 4.11vw;top: 1.02vw;width: 1vw;}
  .side_blog_list li {border-bottom: 0.24vw dotted #000;padding-bottom: 3.62vw;margin-top: 3.62vw;font-size: 4.08vw;}
  
  /* リスト */
  .blog-box {border-bottom: 0.24vw solid #000;padding-bottom: 7.25vw;margin-bottom: 7.25vw;}
  .blog-list {border: 0.24vw solid #ccc;padding: 3.25vw;margin: 0 3vw 10.08vw;}
  .blog-list .blog-box { display: flex; flex-wrap: wrap; justify-content: flex-start; }
  .blog-list .blog-box .fit {width: 100%;height: 50vw;overflow: hidden;margin-bottom: 5vw;}
  .blog-list .blog-box .fit img {width: 100%;height: 50vw;}
  .blog-list .blog-box .right-text {
    width: 90vw;
}
  .right-text .day {border-bottom: 0.24vw dotted #ccc;padding-bottom: 2.04vw;margin-bottom: 1.83vw;font-size: 3.86vw;}
  .ico {margin-right: 2.42vw;padding: 0.72vw 4.83vw;font-size: 2.9vw;position: relative;bottom: 0.48vw;border: 1px solid #ccc;}
  .ico.news { background-color: #e73277; }
  .ico.diary { background-color: #96c600; }
  .right-text .ttl { font-size: 4.35vw; line-height: 6.04vw; }
  .blog-box:last-child { border-bottom-width: 0; margin-bottom: 0; padding-bottom: 0; }
  
  /* 詳細ページ */
  .link ul { display: flex; flex-wrap: wrap; clear: both; margin-bottom: 2.42vw; }
  
  .link li{ position: relative; }
  
  .link ul li:first-child{ padding:0 5vw 0 0; }
  
  .link ul li:first-child:after {content: "|";font-size: 3.6vw;margin-left: 1.21vw;margin-right: 1.21vw;color: #838383;position: absolute;top: 0.6vw;left: 11.8vw;}
  
  .link ul a {color: #838383;font-size: 3.7vw;}
  
  .link li:last-child { margin-left: auto; }
  .blog-detail { padding: 0 3vw; }
  .blog-detail .blog-box {padding: 3vw;margin-bottom: 2.42vw;}
  .blog-detail h3.box-top {font-size: 4.59vw;font-weight: bold;margin-top: 3.62vw;padding-bottom: 3.62vw;border-bottom: 0.24vw solid #000;margin-bottom: 7.25vw;line-height: 7.25vw;}
  .blog-detail .day { font-size: 4.59vw; font-weight: bold; }
  .blog-detail .ico { margin-right: 2.42vw; padding: 0.48vw 4.83vw; font-size: 3.38vw; bottom: 0.48vw; }
  .wysiwyg p { line-height: 6.04vw; }
  .acv-title { background: #0b89cd; display: block; padding: 2.42vw; margin-bottom: 4.83vw; font-weight: bold; color: #fff; }
  
  h2.screen-reader-text{ padding:0 0 2vw 0 !important; font-size: 3.6vw; text-align: center; }
  
  span.page-numbers.current, a.page-numbers{ margin: 0 1vw 2vw 1vw; border: 0.24vw solid #333; padding: 1vw 1vw 1vw 1vw; display: inline-block; font-size: 3.2vw; }
  pre { white-space: pre-wrap ; }
  .wysiwyg{ line-height: 1.6; }


}