@charset "UTF-8";
/*
========================================================================
 平野町プロジェクトページ用スタイル (レスポンシブ対応)
========================================================================
*/
main#globalMain article.projectHiranomachi div.pageHeaderWrap {
  background: url("../../images/baibai_h_header.jpg") no-repeat;
  background-size: cover;
}


main#globalMain article.projectHiranomachi > div.content {
  padding: 8px;
}

main#globalMain article.projectHiranomachi p.comm {
  padding: 8px 0;
  font-size: 14px;
  line-height: 1.6;
  text-indent: 14px;
}


main#globalMain article.projectHiranomachi div.bukken1 {
  max-width: 730px;
  margin: 0 auto;
}

main#globalMain article.projectHiranomachi div.bukken1 div.bukkenImage > img {
  width: 100%;
  height: auto;
}

main#globalMain article.projectHiranomachi div.bukken1 p.mapHeader {
  position: relative;
  margin-top: 16px;
  padding-left: 16px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}
main#globalMain article.projectHiranomachi div.bukken1 p.mapHeader::after {
  content: "■";
  position: absolute;
  top: 0;
  left: 0;
  color: #FF0000;
  font-weight: bold;
}



/* プロジェクトニュース */
main#globalMain article.projectHiranomachi div#project_news_hiranocho {
  max-width: 730px;
  margin: 0 auto;
}

main#globalMain article.projectHiranomachi div.projectNews {
  margin: 4px;
  margin-top: 16px;
  padding: 12px;
  color: #333333;
  border: 1px solid #CCCCCC;
}

main#globalMain article.projectHiranomachi div.projectNews p.projectNewsTitle {
  color: #009865;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
}

main#globalMain article.projectHiranomachi div.projectNews span.projectNewsDate {
  color: #B2B2B2;
  font-size: 10px;
}

main#globalMain article.projectHiranomachi div.projectNews div.projectNewsDetail {
  margin-top: 8px;
  font-size: 12px;
}
main#globalMain article.projectHiranomachi div.projectNews div.projectNewsDetail::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}

main#globalMain article.projectHiranomachi div.projectNews div.projectNewsDetail div.projectNewsImage {
  text-align: center;
}

main#globalMain article.projectHiranomachi div.projectNews div.projectNewsDetail div.projectNewsImage img {
  border: 1px solid #CCCCCC;
}



/*
========================================================================
 スマホ横
========================================================================
*/
@media screen and (min-width:480px) {
}



/*
========================================================================
 タブレット
========================================================================
*/
@media screen and (min-width:600px) {
  main#globalMain article.projectHiranomachi div.projectNews div.projectNewsDetail div.projectNewsImage {
    margin: 0 4px;
    float: right;
  }
}

@media screen and (min-width:696px) {
}



/*
========================================================================
 パソコン
========================================================================
*/
@media screen and (min-width:960px) {
}



/*
========================================================================
 ワイドPC
========================================================================
*/
@media screen and (min-width:1280px) {
}