@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Template:   cocoon-master
Version:    1.1.3
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*--------------------
全体変更箇所
 --------------------*/
 @import url('https://fonts.googleapis.com/css2?family=Coustard:wght@900&family=Noto+Sans:wght@400;700&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Jost:wght@600&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Lato:wght@400&display=swap');
 /* 全体背景色文字色変更 */
  body {
    font-family: 'ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN','メイリオ', Meiryo, 'Noto Sans', sans-serif;
    color: #000;
    font-size: 16px;
    line-height: 1.63em;
    background: #fff;
  }

/*--------------------
共通フッター変更箇所
  --------------------*/
 /* トップページ以外背景画像変更 */
 .subpage #footer {
   background-image: url(/img/bg_footer.jpg);
 }
 @media screen and (max-width:767px){
   .subpage #footer {
     background-image: url(/img/bg_footer_sp.jpg);
   }
}


 /* トップページ以外文字色変更 */
 .subpage .info_area,
 .footer-menu li a,
 .copyright,
 .copyright a {
   color: #fff;
 }

 /* トップページ以外ナビゲーション上の線色変更 */
 .subpage .footer-menu {
   border-top: 2px solid rgba(255,255,255,0.5);
 }

 /* トップページ以外プライバシーポリシー下の線色変更 */
 .copyright a {
   text-decoration-color: #e1e6eb;
 }

/*--------------------
お知らせ・お知らせ詳細ページ共通変更箇所
 --------------------*/
/* カテゴリーリンク背景色変更 */
 .side_col a[aria-current="page"] {
   background: #f5e96a; /*パターン１（黄）*/
   /*background: #bdf2c7;*/　/*パターン２（緑）*/
   /*background: #d4e6ff;*/　/*パターン３（青）*/
   /*background: #ffe5d7;*/　/*パターン４（赤）*/
   /*background: #e5dfd1;*/　/*パターン５（茶）*/
   /*background: #dae5e1;*/　/*パターン６（灰）*/
 }

/*--------------------
common
 --------------------*/
 body.no_scroll {
   overflow: hidden;
 }

 img {
   max-width: 100%;
   height: auto;
 }

 .pc_menu, .footer-menu, .text_en {
   font-family: 'Helvetica Neue','Gadugi','Modern','Segoe UI','Small Fonts','Geneva','Avenir',sans-serif;
   font-weight: bold;
   line-height: 1em;
 }

 .font_heading {
   font-family: 'Coustard', serif;
   line-height: 1em;
 }

 .font_num {
   font-family: 'Jost', sans-serif;
   line-height: 1em;
 }

 .font_avenir {
   font-family: 'Avenir Next','Arial','Avenir','MS Sans Serif','Helvetica Neue','ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN',sans-serif;
 }

 .font_lato {
  font-family: 'Lato', sans-serif;
 }

 .red_txt {
  color: #d80015;
 }

 a:hover {
   opacity: 0.7;
   color: unset;
 }

 .content_wrap {
   width: 1366px;
   margin: 0 auto;
 }
 .inner {
   width: 945px;
   margin: 0 auto;
 }

 .subpage .inner {
   width: 866px;
 }
 .subpage .wrap {
   width: 1000px;
   margin: 0 auto;
 }

 .subpage h2 {
   font-size: 32px;
   font-weight: 600;
   color: #000;
   text-align: center;
   padding-bottom: 10px;
   margin-bottom: 30px;
 }

.subpage section {
  margin-top: 115px;
}

a.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 402px;
  height: 72px;
  border: 2px solid #000;
  border-radius: 0;
  position: relative;
  background: #fff;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
a.btn:after {
  content: url(/img/icon_arrow.png);
  display: inline-block;
  padding: calc((68px - 37px) / 2);
  position: absolute;
  top: 0;
  right: 0;
}
a.btn:hover {
  background: #000;
  color: #fff;
  opacity: 1;
  transition: none;
}

.breadcrumb {
  font-size: 14px;
  color: #9b9b9b;
  margin: 20px auto 40px;
  width: 1000px;
}
.breadcrumb ul {
  display: flex;
  flex-wrap: wrap;
}
.breadcrumb li:after {
  content: "＞";
  margin: 0 15px;
  font-size: 12px;
}
.breadcrumb li:last-child:after {
  content: none;
}

.sp {
  display: none;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

 @media screen and (max-width: 767px){
   body {
     font-size: 14px;
   }

   .content_wrap {
     width: 100%;
     margin: 0 auto;
   }

   .inner {
     width: 100%;
   }

   .subpage .inner {
     width: 88%;
   }

   .subpage .wrap {
     width: 100%;
   }

   .pc {
     display: none;
   }

   .sp {
     display: block;
   }

   .subpage h2 {
     font-size: 24px;
     width: 88%;
     margin: 0 auto 24px;
   }

   .subpage section {
     margin-top: 75px;
   }

   a.btn {
     width: 85.5vw;
   }

   .breadcrumb {
     font-size: 12px;
     color: #000;
     width: 90%;
     margin: calc(20px + 90px) auto 0;
   }
 }

 /*--------------------
 MV
 --------------------*/
 .mv_image,
 .slide-img {
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   width: 100%;
 }

 #toppage .slide-img {
   height: 629px;
 }

 .subpage .mv_image {
   height: 310px;
   display: flex;
   justify-content: center;
   align-items: center;
 }

/*--- img ------------------------*/
 #news .mv_image {
   background-image: url(/img/mv_news.jpg);
 }

 #blog .mv_image {
   background-image: url(/img/mv_blog.jpg);
 }

 /*----- swiper -----*/
 @-webkit-keyframes zoomUp {
   0% {
     -webkit-transform: scale(1.15);
     transform: scale(1.15);
   }

   100% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }
 }

 @keyframes zoomUp {
   /* 1.15倍させる指定 */
   0% {
     -webkit-transform: scale(1.15);
     transform: scale(1.15);
   }

   100% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }
 }

 .swiper-slide {
   overflow: hidden;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 }

 .swiper-slide-active .slide-img,
 .swiper-slide-duplicate-active .slide-img,
 .swiper-slide-prev .slide-img {
   /* 12秒かけて拡大させる */
   -webkit-animation: zoomUp 12s linear 0s;
   animation: zoomUp 12s linear 0s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
 }


 @media screen and (max-width: 767px){
   .mv_image,
   .swiper-wrapper {
     margin-top: 90px;
   }

   #toppage .swiper-wrapper {
     height: 607px;
   }

   .subpage .mv_image {
     height: 331px;
   }

   .subpage .mv_image h1 {
     font-size: 50px;
   }

   /*--- img ------------------------*/
   #news .mv_image {
     background-image: url(/img/mv_news_sp.jpg);
   }

   #blog .mv_image {
     background-image: url(/img/mv_blog_sp.jpg);
   }
 }

 @media screen and (max-width: 640px){
   .subpage .mv_image h1 {
     font-size: 40px;
   }
 }

/*--------------------
header
--------------------*/
 header {
   width: 100%;
   z-index: 100;
 }

 #policy header {
   border-bottom: 2px solid #f1f1f2;
 }

.logo_box_pc {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 1100px;
  height: 111px;
  margin: 0 auto;
  position: relative;
}

.logo_main {
  margin-bottom: 7px;
}

.pc_menu {
  margin-bottom: 30px;
}

.pc_menu ul {
  display: flex;
}

.pc_menu li {
  margin-right: 30px;
}

.pc_menu li:last-child {
  margin-right: 0;
}

.pc_menu a:hover {
  text-decoration: underline;
  /*20220119修正*/text-decoration-thickness: 4px;
  text-underline-offset: 5px;
  opacity: 1;
}

.tel_box {
  color: #fff;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}

#toppage .tel_box {
  display: block;
}

.tel_box a {
  display: block;
  width: 200px;
  height: 40px;
  background: #000;
  line-height: 40px;
  font-weight: bold;
}

.tel_box a:hover {
  opacity: 0.7;
}

#toppage .mv-container {
  position: relative;
}

.head_info {
  position: absolute;
  bottom: 0;
  right: calc((1366px - 1100px) / 2);
  display: none;
  z-index: 22;
}

#toppage .head_info {
  display: block;
}

.head_info a {
  display: block;
  width: 200px;
  height: 40px;
  background: #fff;
  line-height: 40px;
  text-align: center;
}

.head_info a:hover {
  background: #000;
  color: #fff;
  opacity: 1;
}

.mv_image h1 {
  color: #fff;
  font-size: 70px;
  display: none;
}

.subpage .mv_image h1 {
  display: block;
}

@media screen and (max-width: 767px){
  .pc-nav {
    display: none;
  }

  .tel_box {
    display: none;
  }
}


/*--------------------
sp nav
--------------------*/
 .sp-nav {
   display: none;
 }

 .sp_header_bg {
   width: 100%;
   height: 90px;
   background: rgba(255,255,255,0.8);
   position: fixed;
   top: 0;
   left: 0;
   z-index: 999;
   display: flex;
   align-items: center;
 }

 .sp-nav .logo_box {
   width: 234px;
   margin-left: 19px;
 }

 .globalMenuSp {
   width: 90vw;
   height: 100vh;
   overflow: auto;
   background: #000;
   color: #fff;
   position: absolute;
   right: -90vw;
   top: 0;
   transition: 0.5s;
   padding-top: 100px;
   display: flex;
   align-items: center;
   flex-direction: column;
   overflow: auto;
 }

 .globalMenuSp ul {
   text-align: center;
   font-size: 18px;
   width: 100%;
   margin-bottom: 30px;
 }

.globalMenuSp li {
  width: 100%;
}

 .globalMenuSp li a {
   display: block;
   width: 100%;
   height: 55px;
   line-height: 55px;
 }

 .schedule_box_sp,
 .tel_box_sp {
   width: 85%;
 }

 .schedule_box_sp a,
 .tel_box_sp a {
   border: 1px solid #fff;
   width: 100%;
   height: 70px;
   display: flex;
   align-items: center;
   white-space: nowrap;
   font-weight: bold;
 }

 .schedule_box_sp .img_box,
 .tel_box_sp .img_box {
   width: 70px;
   display: flex;
   justify-content: center;
 }

 .schedule_box_sp a {
   margin-bottom: 20px;
   font-size: 16px;
 }

 .tel_box_sp a {
   margin-bottom: 30px;
   font-size: 22px;
 }

 .sp-nav .saiyou {
   font-size: 16px;
   border-bottom: 1px solid #fff;
   line-height: 30px;
   margin-bottom: 65px;
 }

 .globalMenuSp .logo_box {
   margin: 0 0 30px 0;
   width: auto;
   display: flex;
   justify-content: center;
 }

 .sp-nav-menu {
   position: fixed;
   z-index: 99;
   right: 30px;
   top: 18px;
   width: 46px;
   height: 43px;
   cursor: pointer;
   text-align: center;
 }

 .sp-nav-menu span {
   display: block;
   position: absolute;
   width: 40px;
   height: 1px;
   left: 6px;
   background: #000;
   -webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
   transition: 0.3s ease-in-out;
 }

 .sp-nav-menu span:nth-child(1) {
   top: 13px;
 }

 .sp-nav-menu span:nth-child(2) {
   top: 27px;
 }

 .sp-nav-menu span:nth-child(3) {
   top: 41px;
 }

 /* ナビ開いてる時のボタン */
 .sp-nav-menu.active span:nth-child(1) {
   top: 30px;
   left: 6px;
   background: #fff;
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   transform: rotate(-45deg);
 }

 .sp-nav-menu.active span:nth-child(2),
 .sp-nav-menu.active span:nth-child(3) {
   top: 30px;
   background: #fff;
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   transform: rotate(45deg);
 }

 /* このクラスを、jQueryで付与・削除する */
 nav.globalMenuSp.active {
   opacity: 100;
   visibility: visible;
   right: 0;
 }

 @media screen and (max-width: 767px){
   .sp-nav {
     display: block;
     width: 100%;
   }
 }

 @media screen and (max-width: 640px){
   .sp-nav .logo_box {
     width: 62.5vw;
   }
 }

 /*--------------------
 footer
  --------------------*/
 #footer {
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
 }

 #toppage #footer {
   background: #fff;
 }

 .footer-wrap {
   width: 945px;
   margin: 0 auto;
 }

 .footer-menu {
   text-align: center;
   padding-top: 40px;
 }

 #toppage .footer-menu {
   border-top: 1px solid #cdd5de;
 }
 
 .footer-menu ul {
  display: flex;
  gap: 20px 40px;
  flex-wrap: wrap;
  justify-content: center;
 }

 .footer-menu li {
   font-size: 18px;
 }

 .footer-menu li:last-child {
    margin: 0;
 }

 .footer-menu li a {
   position: relative;
 }

 .footer-menu li a:hover {
   text-decoration: underline;
   /*20220119修正*/text-decoration-thickness: 4px;
   text-underline-offset: 5px;
   opacity: 1;
 }

 #toppage .footer-menu li a {
   color: #000;
 }

 .footer-menu li a:after {
   position: absolute;
   bottom: -3px;
   left: 0;
   content: '';
   width: 100%;
   height: 1px;
   background: #fff;
   transform: scale(0, 1);
   transform-origin: center top;
   transition: transform .3s;
 }

 /*.footer-menu li a:hover::after {
   transform: scale(1, 1);
 }*/

 .copyright {
   width: 890px;
   margin: 0 auto;
   display: flex;
   justify-content: space-between;
   font-size: 14px;
   font-weight: bold;
   padding: 60px 0 20px;
 }

 .copyright a {
   text-decoration: underline;
   text-underline-offset: 5px;
   text-decoration-thickness: 2px;
 }

 .copyright a:hover {
   opacity: 0.7;
 }

 #toppage .copyright, #toppage .copyright a {
   color: #000;
 }

 @media screen and (max-width: 767px) {
   .footer-wrap {
     width: 100%;
     height: auto;
   }

   .footer-menu {
     width: 85%;
     margin: 0 auto;
     padding-top: 0px;
   }
   .footer-menu ul {
     flex-direction: column;
     align-items: center;
     justify-content: center;
     margin-top: 25px;
     gap: 0;
   }
   .footer-menu li {
     font-size: 18px;
     display: block;
     margin: 0;
   }
   .footer-menu li a {
     display: block;
     margin: 0;
     padding: 15px 0;
   }
   .copyright {
     display: block;
     font-size: 12px;
     padding: 35px 0 15px;
     text-align: center;
     width: 100%;
   }

   .copyright p:first-child {
     margin-bottom: 25px;
   }
 }

 /*----- info_area -----*/
 .subpage .info_area {
   padding-top: 70px;
   position: relative;
 }

 .info_area {
   font-weight: bold;
   display: flex;
   justify-content: space-around;
   margin: 0 auto 60px;
   line-height: 2;
 }

 .info_area h3 {
   font-size: 24px;
   line-height: 1em;
   margin-bottom: 20px;
 }

 .subpage .info_area h3 {
   display: none;
 }

 .info_area dt {
   float: left;
 }

 .info_area dt:after {
   content: ":";
   display: inline-block;
   margin: 0 5px;
 }

 /* 20240618コメントアウト↓ */
 /* .info_area dd:first-of-type {
   float: left;
 }

 .info_area dt:nth-of-type(2) {
   margin-left: 1em;
 }

 .info_area dt:last-of-type {
   float: none;
   margin-top: 2em;
 }

 .info_area dt:last-of-type:after {
   content: none;
 } */
 /* 20240618コメントアウト↑ */
 
 .subpage .sns_box {
   display: flex;
   position: absolute;
   bottom: -15px;
   right: 50px;
 }

 .subpage .sns_box li {
   margin-left: 25px;
 }

 @media screen and (max-width:767px){
   .info_area {
     width: 85%;
     margin: 0 auto 37px;
     font-size: 16px;
   }

   .info_area h3 {
     margin-bottom: 30px;
     text-align: center;
   }

   .info_area .img_box {
     margin-top: 30px;
   }

   #toppage .info_area {
     flex-direction: column-reverse;
   }

   .subpage .info_area {
     flex-direction: column;
     align-items: center;
     padding-top: 85px;
   }

   .subpage .info_area .img_box {
     width: 53.25vw;
     margin: 0 0 57px;
   }

   .subpage .info_area .text_box {
     margin-bottom: 60px;
   }

   .subpage .sns_box {
     position: unset;
   }

   .subpage .sns_box li:first-child {
     margin: 0;
   }
 }

/*--------------------
news  blog
--------------------*/
.content {
  margin-top: unset;
  padding-top: 105px;
}

.content-in {
  justify-content: center;
}

 .subpage .post_list h2 {
   border-bottom: 2px solid #e1e6eb;
   margin-bottom: 40px;
   width: 100%;
 }

 .subpage .post_list .main_content.inner {
   width: 100%;
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   margin-bottom: 55px;
 }

 main.main {
   width: 730px;
   padding: 0;
 }

 .post_list .item {
   display: flex;
   justify-content: space-between;
   margin-bottom: 30px;
 }

 .post_list .item:last-child {
   margin-bottom: 0;
 }

 .post_list .item .date_box {
   margin-right: 13px;
   text-align: center;
 }

 .post_list .item .date {
   font-size: 48px;
   font-weight: bold;
   margin-bottom: 8px;
   width: 140px;
   line-height: 1em;
   white-space: nowrap;
 }

 .post_list .item .year {
   font-weight: bold;
   color: #9b9b9b;
 }

 .post_list .item .text_box {
   position: relative;
   width: 240px;
 }

 .post_list .item .text_box h3 {
   font-size: 18px;
   font-weight: bold;
   margin-bottom: 15px;
 }

 .post_list .item .text_box p {
   margin-bottom: 1em;
   font-size: 16px;
 }

 .post_list .item .text_box .arrow_link {
   position: absolute;
   bottom: 0;
   right: 0;
   font-size: 14px;
   padding-right: 2em;
 }

 .post_list .item .text_box .arrow_link:after {
   content: "＞";
   font-size: 12px;
   position: absolute;
   right: 0;
   top: 0;
 }

 .post_list .item .img_box {
   width: 309px;
   height: 221px;
   margin: 0 0 0 15px;
 }

 .post_list .item .img_box img {
   object-fit: cover;
   object-position: center;
   width: 309px;
   height: 221px;
 }

 .side_col {
   width: 171px;
   margin-left: 45px;
   font-weight: normal;
 }

 .subpage .side_col h2 {
   border-bottom: 2px solid #e1e6eb;
   font-size: 14px;
   padding-top: 15px;
 }

 .side_col a {
   display: inline-block;
   width: 100%;
   height: 60px;
   line-height: 60px;
   padding-left: 15px;
   position: relative;
   margin-bottom: 4px;
 }
 .side_col a[aria-current="page"] {
   color: #000;
 }
 .side_col a.cf {
   background: #f7f7f7;
   color: #808080;
 }
 .side_col a.cf:after {
   content: url(/img/icon_arrow.png);
   display: inline-block;
   padding: calc((60px - 37px) / 2);
   position: absolute;
   top: 0;
   right: 0;
 }
 .side_col a[aria-current="page"]:after {
   content: none;
 }

 .post_list .pagination {
   font-size: 20px;
   margin: 55px 0 110px;
   display: flex;
   justify-content: center;
 }
 .post_list .pagination .current,
 .post_list .pagination a {
   margin: 0 5px;
   padding: 0 5px;
   border: none;
   width: unset;
   height: unset;
 }
 .post_list .pagination .current {
   background: none;
   color: #000;
 }
 .post_list .pagination a {
   color: #7f7f7f;
 }
 .post_list .pagination a.prev,
 .post_list .pagination a.next {
   margin: 0 30px;
 }
 .post_list .pagination a.prev span:before {
   content: "<";
 }
 .post_list .pagination a.next span:before {
   content: ">";
 }
 .post_list .pagination a:hover {
   background: none;
   opacity: 1;
   color: #000;
 }

 @media screen and (max-width: 767px){
   .content {
     padding-top: 0;
   }

   .no-sp-snippet .entry-card-snippet {
     display: block;
   }

   .post_list .content-in {
     display: flex;
     flex-direction: column;
     align-items: center;
     width: 88%;
   }

   .subpage .post_list h2 {
     order: 1;
     padding-top: 70px;
   }

   main.main {
     width: 100%;
     order: 2;
   }

   div.sidebar {
     padding: 0;
     margin: 0;
   }

   .side_col {
     margin-left: 0;
     padding-top: 50px;
   }

   .subpage .side_col h2 {
     padding-top: 10px;
     margin-bottom: 10px;
     line-height: 1em;
     width: 100%;
   }

   .post_list .item {
     flex-direction: column;
     position: relative;
     margin-bottom: 65px;
   }

   .post_list .item .date_box {
     margin-right: 0;
     width: 110px;
     position: absolute;
     top: 0;
     left: 0;
   }

   .post_list .item .date {
     font-size: 36px;
     margin-bottom: 5px;
     width: 110px;
     line-height: 1em;
   }

   .post_list .item .year {
     font-size: 12px;
   }

   .post_list .item .text_box {
     position: relative;
     width: 100%;
     padding-left: 120px;
     margin-bottom: 25px;
   }

   .post_list .item .text_box p {
     margin-bottom: 0;
   }

   .post_list .item .text_box .arrow_link {
     bottom: 0;
     right: unset;
     left: 0;
   }

   .post_list .item .img_box {
     width: 100%;
     height: calc(88vw * 0.7152);
     margin: 0;
   }

   .post_list .item .img_box img {
     width: 100%;
     height: calc(88vw * 0.7152);
   }

   .post_list .pagination {
     margin: 100px 0;
   }
 }

 /*--------------------
 single
 --------------------*/
 .single header {
   border-bottom: 2px solid #f1f1f2;
 }

 .single .wrap {
   margin-bottom: 100px;
 }

 .single .content {
   padding-top: 0;
 }

 .single .content-in {
   justify-content: space-between;
 }

 .single .date-tags {
   font-size: 14px;
   color: #9b9b9b;
   margin-bottom: 20px;
   text-align: left;
 }

 .single .date-tags span {
   font-size: unset;
 }

 .single h1 {
   font-size: 32px;
   line-height: 1.4375em;
   margin-bottom: 30px;
   font-weight: normal;
   padding: 0;
 }

 .single .article-header {
   border: none;
 }

 .single .main figure {
   width: 641px;
   margin: 0 auto 45px;
 }

 .single .main figure img {
   width: 641px;
 }

 .single .main .entry-content {
   margin-bottom: 65px;
 }

 .single .main .entry-content h2 {
   font-size: 24px;
   font-weight: normal;
   text-align: left;
   line-height: 1.4375em;
   padding: 0;
   margin: 0 0 15px 0;
   border: none;
   background: none;
 }

 .single .main .entry-content p {
   line-height: 2;
 }

 .single a.btn {
   margin: 0 auto;
 }

 .single a.btn:after {
   right: unset;
   top: unset;
   bottom: 0;
   left: 0;
   transform: rotate(180deg);
 }

 @media screen and (max-width: 767px){
   .single .content-in {
     width: 88%;
   }
   .single .main_content.inner {
     margin-top: 40px;
     width: 88%;
     flex-direction: column;
     align-items: center;
   }

   .single .main figure {
     width: 100%;
     margin: 0 auto 30px;
   }

   .single .main figure img {
     width: 100%;
   }

   .single .main {
     order: 0;
     margin-top: 40px;
   }

   .single .date-tags {
     font-weight: bold;
   }

   .single h1 {
     font-size: 22px;
     font-weight: bold;
     margin-bottom: 20px;
   }

   .single .main .entry-content {
     margin-top: 0;
   }

   .single .main .entry-content h2 {
     font-size: 20px;
   }

   .single .main .entry-content p {
     font-size: 16px;
   }

   .single .side_col {
     padding-top: 75px;
   }
 }

 @media screen and (max-width: 640px){
   .single .date-tags {
     font-size: 12px;
   }
 }