body	{background-image:url(image/bg.jpg);margin:0}
A 		{color:white;text-decolation:underline;}
A:hover {color:blue;}
* {
  -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;}

#title	{max-width:700px;margin:0px auto;text-align:center;}
#base	{max-width:700px;background-color:white;margin:0 auto;text-align:center;}
.thumb{display:inline-block;width:160px;margin:5px;cursor:pointer;}
img		{width:100%;}
#foto	{
	position:absolute;top:-20px;left:0;width:100%;height:300%;
	background-color:rgba(0,0,0,0.8);
	visibility:hidden;}
div.landport img{
   /* 共通の装飾
	height:102vh; */
	width:100%;
   }

  /*
  @media screen and (orientation: portrait) {

 div.landport img{
      /* 縦向きの場合専用の追加装飾
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);}
 
  div.origin img{
	position:absolute;top:135vw;left:0;
	height:90vw;width:125vw;
	
	-moz-transform-origin:0px 0px;
	-webkit-transform-origin:0px 0px;
	-o-transform-origin:0px 0px;
	-ms-transform-origin:0px 0px;
} 
}
*/