/* ### 基本的なレイアウト ### */

@media only screen and (orientation: portrait) {

header h1 	{
	position: absolute;
	width:100%;
	font-size: 20px;
    font-weight: 400;
	text-align:center;
    top: 12%;
	left: 50%;
	-ms-transform: translate(-50%,-25%);
	-webkit-transform: translate(-50%,-25%);
	transform: translate(-50%,-25%);
	/*color:#FFF3BF;*/
	}

header h2 	{
    width:90%;
	position: absolute;
	font-size: 24px;
	top: 70%;
	left: 50%;
	-ms-transform: translate(-50%,-70%);
	-webkit-transform: translate(-50%,-70%);
	transform: translate(-50%,-70%);
	margin: 0.3em auto;
	padding: 0px;
    text-align: center;
	/*color:#FFF3BF;*/
	}
    
header h3 	{
    width:90%;
	position: absolute;
	top: 58%;
	left: 50%;
	-ms-transform: translate(-50%,-70%);
	-webkit-transform: translate(-50%,-70%);
	transform: translate(-50%,-70%);
	font-size: 16px; 
   line-height:1.7;
	margin: auto;
	padding: 0px;
    text-align: center;
	color:#FFF3BF;/**/
	}    

#title {
	   width:100%;
	   height:auto;
	   }

#container	{
	width: 100%;
	margin:0 auto ;
	 }
			 
			 

header	{
	/*position: fixed;*/
    width:100%;
	height:auto;
	margin: 0px 0px 0px 0px; 
	/*
	background-repeat: no-repeat; 
	background-position: center top;
	background-color:#c88a32;*/
	border-bottom: 2px solid #E0DDA2;
	}
    
 #title .kanko{
       width:30px;
      display: none;
       }    
	
#title .sp {
	width:100%;
	height:auto;
	object-fit: cover;
}	
	
#container	{width: 100%;
             margin:0 ;
			 }
			 	 
section,
.wide {
	float:left;
	width: calc(100% - 30px);
	margin:5px auto 0px 10px;
	}
}
				 
@media only screen and (orientation: landscape) {



header h1 	{
	position: absolute;
	width:100%;
	font-size: 20px;
    font-weight: 400;
	text-align:center;
    top: 18%;
	left: 50%;
	-ms-transform: translate(-50%,-25%);
	-webkit-transform: translate(-50%,-25%);
	transform: translate(-50%,-25%);
	/*color:#FFF3BF;*/
	}

header h2 	{
    width:90%;
	position: absolute;
	font-size: 24px;
	top: 70%;
	left: 50%;
	-ms-transform: translate(-50%,-70%);
	-webkit-transform: translate(-50%,-70%);
	transform: translate(-50%,-70%);
	margin: 0.3em auto;
	padding: 0px;
    text-align: center;
	/*color:#FFF3BF;*/
	}
    
header h3 	{
    width:90%;
	position: absolute;
	top: 62%;
	left: 50%;
	-ms-transform: translate(-50%,-70%);
	-webkit-transform: translate(-50%,-70%);
	transform: translate(-50%,-70%);
	font-size: 16px; 
   line-height:1.7;
	margin: auto;
	padding: 0px;
    text-align: center;
	color:#FFF3BF;/**/
	}    

#title {
	   width:100%;
	   height:auto;
	   }

#container	{
	width: calc(100% - 40px);
    max-width: 600px;
	margin:auto ;

	 }
			 
			 

header	{
	/*position: fixed;*/
    width:100%;
	height:auto;
	margin: 0px 0px 0px 0px; 
	/*
	background-repeat: no-repeat; 
	background-position: center top;
	background-color:#c88a32;*/
	border-bottom: 2px solid #E0DDA2;
	}
    
 #title .kanko{
       width:30px;
      display: none;
       }    
	
#title .sp {
	width:100%;
	height:auto;
	object-fit: cover;
}	
			 	 
section,
.wide {
	float:left;
	width: calc(100% - 30px);
	margin:5px auto 0px 10px;
	}
/**/
.wide p{
    position: relative;
    top:-2.8rem;
   }
  
} /*-------------/landscape------------------*/



/* 記事 */



section img,
section .wide img{
	width: 100%;
	margin:2px auto 0.6rem auto;
	float:left;
	}
/*
section .tate img{
	width: 100%;
	margin:2px auto 2.6rem auto;
	float:left;
	}
*/
.wide .midashi {
    font-size:2rem;
}    
/**/
 .di  h2{
    margin-top: 0;
}

section h2,
.wide h2 {
	font-size: 1.8rem; 
	font-weight: 500;
	margin: 2.6rem 0 2.4rem 0.3em; 
	}

section h3,
.wide h3 {
	font-size: 1.8rem; 
	font-weight: 500;
	margin: 0 0 0 0.8rem; 
	}

section p,
section li
{
	         font-size: 1.6rem;
			 margin: 1em -0.8rem 1.4em 0.7rem ;
}


.wide p,
.yurai p
    { font-size: 1.6rem;
      margin: 0.5em -0.8rem 1.4em 0.7rem ;
    }

.place,.year{
margin-top: 1.0rem;
}

.place p , .year p{
margin-top: -2.7rem;
margin-left: 10rem;
float: left;/*
background-color: lightpink;
width:60%;*/
}


.shutten ,.setsumei {
    font-size: 1.2rem;
}

.shutten { 
   margin-bottom: 1.4rem;
   }



.wide hr{width:100%;}

.wide_hr
    {
	width:100%;	
	margin:30px 0px 0px 0px;
	line-height:1em;
    border-top: 1px solid #c88a32;
	}

.wide   .px1 {
	height: 1px;
		/*background-color:red;
display: none;*/
}

.nml {
   display: none;
}
	
.sankou{
	font-size:12px;
}

/*	*/
#myContainer {
	float:left;
	width: calc(100% - 30px);
	margin:10px auto 25px 10px;
}	


/*
section  caption {
   font-size: 1.5rem;
}

section td {font-size:14px; 
            
	        text-align:left;
	        border: 1px solid #62533C;
          vertical-align:center;
		  padding:0.3em 0.5em 0.3em 0.5em;
		  }

section th{font-size:15px;
	     text-align:center;
	     padding:2px 0.1em 2px 0.1em;
		 letter-spacing:0.5em;
		}
section table{
   margin-bottom: 2rem;
}
*/

section td .pin{
width:50px;
height:30px;
text-align:center;
vertical-align:center;

    margin:  0 auto 0px;
}

section td.pin img {
	width: 32px;
	padding-top: 1.2rem;
    margin: 0 0rem 0 0.8rem;
    vertical-align:center;
}


			
#kanren {
	    width: calc(100% - 0px);
		margi: 0px;
		font-size:13px;
		padding-left: 1rem;
		border-top: 1px solid #c88a32;
		/*background-color:#09F;*/
         }

#kanren hr{
      margin-left: -1rem;
      height: 1px;
}

	

nav p{font-size:1.4rem;}

nav a{
	margin:0 0.7em 0 0.7em; 
	}

#close {
    position: relative;
    top:-1rem;
    }


footer {
	font-size: 1.3rem;
	padding: 20px 20px 20px 40px;
	}