@charset "UTF-8";

/* =====================================
	news
===================================== */

/* =======.news ========== */
    .news .inner article .header time {
      color: #808080;
      font-size: 1.1538vw; }
    .news .inner article .header h3 {
      margin-top: 1.9231vw;
      text-align: left;
      font-size: 2.3077vw;
	  line-height:1.4;
      font-weight: bold; }
    .news .inner article .header .lead {
      margin-top: 0.3846vw;
      font-size: 1.9231vw;
      font-weight: bold; }
    .news .inner article .thumbnail {
      text-align: center;
      margin: 3.8462vw 0; }
      .news .inner article .thumbnail img {
        margin: 0 auto;
        max-width: 100%;
        height: auto; }
    .news .inner article p a {
		text-decoration:underline;}
    .news .inner article p a:hover {
		text-decoration:none;}
    .news .inner article .postStyle {
		font-size: 1.2308vw; }
      .news .inner article .postStyle p {
		font-size: 1.2308vw;
        margin-top: 2.3077vw; }
    .news .inner article .commentStyle {
      background-color: #F4F6F7;
      padding: 3.8462vw;
      font-size: 1.0769vw;
      margin-top: 4.6154vw; }
      .news .inner article .commentStyle h3 {
        font-weight: bold;
        font-size: 1.3846vw; }
      .news .inner article .commentStyle p {
        font-size: 1.0769vw;
        margin-top: 2.3077vw; }
        .news .inner article .commentStyle p.name {
          text-align: right; }

@media screen and (max-width: 768px) {

  /* =======.news ========== */
      .news .inner article .header time {
        font-size: 3.7333vw; }
      .news .inner article .header h3 {
        font-size: 4.5333vw;
        margin-top: 6.6667vw; }
      .news .inner article .header .lead {
        margin-top: 1.3333vw;
        font-size: 3.4667vwm; }
      .news .inner article .thumbnail {
        margin: 5.3333vw 0; }
        .news .inner article .thumbnail img {
          max-width: 75%; }
      .news .inner article p a:hover {
		text-decoration:underline;}
      .news .inner article .postStyle {
        font-size: 3.7333vw; }
        .news .inner article .postStyle p {
        font-size: 3.7333vw;
          margin-top: 4vw; }
      .news .inner article .commentStyle {
        margin: 8vw calc(50% - 50vw) 0;
        padding: 5.3333vw calc(50vw - 50%);
        width: 100vw;
        font-size: 3.4667vw; }
        .news .inner article .commentStyle h3 {
          font-size: 4.2667vw; }
        .news .inner article .commentStyle p {
          font-size: 3.4667vw;
          margin-top: 5.3333vw; }
}
