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

@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% - 60px);
	margin:0 0 0px 30px;
    
	}
}

.wide p{
    position: relative;
    padding: 0rem 0 0 1rem;
 
   }

.center {
    text-align: center;
}
				 
@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: 12%;
	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 p{
        margin: 0 0 0 1em;
    }
			 	 
section,
.wide {
	float:left;
	width: calc(100% - 80px);
	margin:5px 0 0 20px;
	}
/**/
.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{
	font-size: 1.1rem; 
	font-weight: 500;
	margin: 1em auto 0.2em ; 
    padding: 0.3em 0 0 0;
    text-align: center;
    background-color: #DAEEFF;
    width:calc(100% -30px);
    height:1.8em;
    border-radius: 2px;
	}

.wide h3 {
	font-size: 1.1rem; 
	font-weight: 500;
	margin: 1em 0 0.2em 0em; 
    padding: 0.3em 0 0 0;
    background-color: #DAEEFF;
    width:100%;
   /* min-height:1.8em;*/
    border-radius: 2px;
	}

.center .free{
    display :block; 
    position:relative; 
    bottom:0.2em;
    text-align:left;
    margin:  1.4em 0 -1.2em 3em;
    
    
}


.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;
	}


.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: 0.8rem;
	padding: 20px 20px 20px 40px;
	}