@charset "UTF-8";


/* 髭仙人ブログ */

@media (min-width: 768px) {
  h1{font-size: 50px !important;}
  .datefont{font-size: 18px;}
  .newtitle{font-size: 20px;}
  .news{font-size: 16px;
        line-height: 1.5;}
}

@media (max-width: 767px) {
  h1{font-size: 20px;}
  .datefont{font-size: 11px;}
  .newtitle{font-size: 11px;}
  .news{font-size: 10px;
        line-height: 1.2;}
}

.higeblogtitle{padding-left: 80px;
              padding-top: 60px;
              padding-bottom: 60px;}

.higeblog1:after{content:"";
               display: block;
               clear: both;
              }
.higeblog1 {padding: 5px;}
.diary {float: left; width: 33.3333%;}
.diarynew {float:left; width: 66.6666%; padding-left: 10px;}

.diarynew:after{content:"";
                  display: block;
                  clear: both;
                 }
.diarypic {float: left; width: 23%;}
.diarydate {float:left; width: 77%;
              padding: 5px 0px 10px 15px}
.diaryheader:after{content:"";
            display: block;
            clear: both;
            }



.higeblog2:after{content:"";
               display: block;
               clear: both;
              }
.higeblog2 {padding: 5px;}
.pro {float: left; width: 33.3333%;}
.pronew {float:left; width: 66.6666%; padding-left: 10px;}

.pronew:after{content:"";
                  display: block;
                  clear: both;
                 }
.propic {float: left; width: 23%;}
.prodate {float:left; width: 77%;
              padding: 5px 0px 10px 15px}
.proheader:after{content:"";
            display: block;
            clear: both;
            }

.higeblog3:after{content:"";
               display: block;
               clear: both;
              }
.higeblog3 {padding: 5px;}
.pub {float: left; width: 33.3333%;}
.pubnew {float:left; width: 66.6666%; padding-left: 10px;}
.pubnew:after{content:"";
                  display: block;
                  clear: both;
                 }
.pubpic {float: left; width: 23%;}
.pubdate {float:left; width: 77%;
              padding: 5px 0px 10px 15px}
.pubheader:after{content:"";
            display: block;
            clear: both;
            }


@media (max-width: 767px) {
  .higeblogtitle{padding-left: 30px;
                padding-top: 20px;
                padding-bottom: 20px;}
  .diarynew {padding-left: 5px;}
  .diarypic {width: 20%;;}
  .diarydate {width: 80%; padding: 0px 0px 0px 5px;}
  .diaryheader:after{content:"";
              display: block;
              clear: both;
              }
  .diaryheader{margin-bottom: 5px}

  .pronew {padding-left: 5px;}
  .propic {width: 20%;;}
  .prodate {width: 80%; padding: 0px 0px 0px 5px;}
  .proheader:after{content:"";
              display: block;
              clear: both;
              }
  .proheader{margin-bottom: 5px}

  .pubnew {padding-left: 5px;}
  .pubpic {width: 20%;;}
  .pubdate {width: 80%; padding: 0px 0px 0px 5px;}
  .pubheader:after{content:"";
              display: block;
              clear: both;
              }
  .pubheader{margin-bottom: 5px}

}