@charset "UTF-8";
/* CSS Document */

/*
  日常の風景
*/
#nichijo-topimage {
  position:relative;
	width:100%;
	height:400px;
	background-image:url("../img/img_nichijo_back.jpg");
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
	text-align:center;
}
#nichijo-topimage h1 {
  margin-block-start: 0;
    margin-block-end: 0;
  position:absolute;
  bottom:0;
  left:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  font-size:500%;
  letter-spacing: 0.05em;
  color:#ffffff;
  text-shadow: 1px 2px 3px #000000
}
#nichijo-lead {
	margin-top:30px;
	margin-bottom:30px;
	font-size:22px;
	line-height:1.5;
	color:#8a8498;
	text-align:center;
}
#nichijo-main {
	width:960px;
	margin-left:auto;
	margin-right:auto;
}
.nichijo-article {
  width:100%;
  margin-bottom:10px;
}
.nichijo-article img {
  width:100%;
}
.nichijo-article h2 {
  padding:5px 30px;
  margin-bottom: 10px;
  font-size:24px;
  letter-spacing: 0.05em;
  color:#ffffff;
}
.nichijo-clr1 {
  background:#F4ABAC;
}
.nichijo-clr2 {
  background:#036EB8;
}
.nichijo-clr3 {
  background:#F8B94F;
}

/* ----------960px以下---------- */

@media only screen and (max-width:960px) {
#nichijo-topimage {
	height:41vw;
}
#nichijo-topimage h1 {
  margin-block-start: 0;
    margin-block-end: 0;
  position:absolute;
  bottom:0;
  left:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  font-size:6.7vw;
  letter-spacing: 0.05em;
  color:#ffffff;
  text-shadow: 1px 2px 3px #000000
}
#nichijo-lead {
	margin-top:3vw;
	margin-bottom:3vw;
	font-size:2.2vw;
}
#nichijo-main {
	width:90%;
}
.nichijo-article {
  margin-bottom:1vw;
}
.nichijo-article h2 {
  padding: 0.5vw 3vw;
  margin-bottom: 1vw;
  font-size:2.5vw;
  color:#fffff;
}


/* ----------END 960px以下---------- */
}
/* ----------770px以下---------- */
@media only screen and (max-width:770px) {
  .pc-mode2 {
    display:none;
  }
  .tab-mode {
    display:flex;
  }
.com-content-l {
  font-size:2vw;
}
.com-content-r {
  font-size:2vw;
}
/* ----------END 770px以下---------- */
}


/* ----------599px以下---------- */

@media only screen and (max-width:599px) {
  
  #nichijo-topimage {
	height:40vw;
}
#nichijo-topimage h1 {
  font-size:30px;
}
#nichijo-lead {
  margin-top:20px;
  margin-bottom:20px;
	font-size:15px;
}
#nichijo-main {
	width:100%;
  margin-bottom:40px;
}
.nichijo-article h2 {
  padding:5px 20px;
  font-size:4.3vw;
}

/* ----------END 599px以下---------- */
}