@charset "UTF-8";


#tempcheck {
	font-size:12px;
	display:none;
}




/* ------------ article ------------ */

article {
	margin: 0 auto;
	width: 100%;
	height: auto;
  padding: 0 0 2rem 0;
  background-image: linear-gradient(180deg, rgba(17, 17, 17, 1), rgba(39, 39, 39, 1));
  box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.64);
}





/* ------------ content ------------ */


#content,
#content-full {
  width:100%;
  max-width: 1200px;
  height:auto;
  background: #fff;
  padding: 0;
	margin: 2rem auto;
  box-shadow: 00px 0px 7px 6px rgba(0, 0, 0, 0.32);
}
  #content img {
    max-width: 100%;
    height: auto;
  }



/* ---------- header for page ---------- */

header#pagetitle {
	width:100%;
	margin :0;
	padding: 0;
  background-image: linear-gradient(90deg, #f3f3f2, #7b7763);
  box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.64);
}
  header#pagetitle h1 {
    display:block;
    font-weight: 400;
    max-width: 1200px;
    margin: 0 auto;
    padding: 3rem;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: 1px;
    text-align: left;
    text-shadow: 1px 1px 3px #fff;
  }
  header#pagetitle h1:before  {
      display:none;
  }
    



/* ------------ entry ------------ */

.entry {
	display:block;
	width: 100%;
	height:auto;
	padding: 4rem 3rem;
	margin: 0;
}

.entry p {
	font-size: 1rem;
  line-height: 1.67;
	padding: 0;
	margin: 0 0 1rem;
}

.entry h1 { font-size: 2.5rem; }
.entry h2 { font-size: 2rem; }
.entry h3 { font-size: 1.8rem; }
.entry h4 { font-size: 1.6rem; }
.entry h5 { font-size: 1.4rem; }
.entry h6 { font-size: 1rem; }

.entry h1, .entry h2, .entry h3,
.entry h4, .entry h5, .entry h6 {
	line-height: 1.4;
	padding: 0;
	margin: 3rem 0 1rem;
}
  .entry h1:first-child, .entry h2:first-child, .entry h3:first-child,
  .entry h4:first-child, .entry h5:first-child, .entry h6:first-child {
    margin: 0 0 1rem;
  }


.entry ul,
.entry ol {
	font-size: 1rem;
  line-height: 1.4;
	padding: 0;
	margin: 1.4rem 0 1rem 2rem;
}
  .entry ul li,
  .entry ol li {
    padding: 0;
    margin: 0 0 1rem;
  }


/* --- meta --- */

.metadeta {
  padding:8px 0 12px;
  text-align: right;
}
.metadeta time {
  display: inline;
}
  .metadeta span {
    display: inline;
    font-size: 0.8rem;
    line-height: 1;
    color:#aaa;
    margin-left: 1.4rem;
  }

.edit {
	clear: both;
	display: block;
	margin: 2rem 0 0 0;
	padding:0;
	font-size: 1rem;
	text-align:right;
}



/* --- wp-pagenavi(no plugin) --- */

div.wp-pagenavi {
	clear:both;
	margin:0 auto;
	padding:60px 0 20px 0px;
    text-align: center;
    
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.wp-pagenavi { font-weight: normal;}
.wp-pagenavi a, .wp-pagenavi a:link {
  padding: 12px 16px;
  margin: 3px 4px;
  text-decoration: none;
  border-radius:3px;
  color: #666;
  background-color: #eee;
  
	font-size:12px;
	line-height: 4;
}
 
.wp-pagenavi a:visited {
  padding: 12px 16px;
  margin: 3px 4px;
  text-decoration: none;
  border-radius:3px;
  color: #666;
  background-color: #eee;
}
 
.wp-pagenavi a:hover {
  border-radius:3px;
  color: #fff;
  background:  #aaa;
}


.wp-pagenavi a:active {
  padding: 12px 16px;
  margin: 3px 4px;
  text-decoration: none;
  border-radius:3px;
  color: #666;
  background: #999;
}
 
.wp-pagenavi span.pages {
 padding: 12px 16px;
  margin: 3px 4px;
  color: #aaa;
}
 
.wp-pagenavi span.current {
  padding: 12px 16px;
  margin: 3px 4px;
  border-radius:3px;
  color: #fff;
  background:  #666;
}
 
.wp-pagenavi span.extend {
  padding: 12px 16px;
  margin: 3px 4px;
  border-radius:3px;
  color: #666;
  background: #e7e8e3;
}






/* --- wp-pagenavi-single --- */

.entry div.wp-pagenavi-single {
	clear:both;
	padding: 20px 0;
	margin: 100px 20px 10px;
	position:relative;
	
}
.entry div.wp-pagenavi-single p {
	font-size:10px;
}
.wp-pagenavi-next {
	display:block;
	margin:0;
	position:absolute;
	top:0;
	right:0;
}
.wp-pagenavi-previous {
	display:block;
	margin:0 0 20px 0;
	position:absolute;
	bottom:0;
	left:0;
}









/*--------- prevNext ----------*/

#prevNext {
	width:100%;
	margin: 36px auto 0;
	padding:0;
	display: flex;
	/*background: #fcc;*/
}
#prevNext a#prev {
	width: 50%;
	padding:20px 30px 20px 20px;
	border-top:#efefef 1px solid;
	border-bottom:#efefef 1px solid;
	text-decoration:none;
	position:relative;
}
#prevNext a#next {
	width: 50%;
	padding:20px 20px 20px 30px;
	border-top:#efefef 1px solid;
	border-bottom:#efefef 1px solid;
	text-decoration:none;
	position:relative;
}

#prevNext a:hover {
	background: #f2f2f2;
}

	#prevNext span {
		display: block;
		font-size:10px;
		line-height:1;
		color: #aaa;
		margin: 4px 0 16px;
	}
	#prevNext p {
		font-size:12px;
		line-height:1.4;
		margin: 0;
	}
	#prevNext img {
		width: 100px!important;
		height: auto;
		padding: 0 0 4px 0;
	}

		#prevNext a#prev{
			border-right:#efefef 1px dotted;
		}

#prevNext #prev img{
	float:left;
	margin-right:20px
}
#prevNext #next img{
	float:right;
	margin-left: 20px;
}











/* --------------- Youtube & GoogleMap --------------- */


.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom:60px;
}

    .youtube iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100% !important;
      height: 100% !important;
    }




.gmap {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    overflow: hidden;
    margin-bottom: 16px;
}
.gmap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}