/* ƒXƒ}ƒz—p */
@media screen and (max-width:640px){

img{
max-width: 100%;
height: auto;
width /***/:auto;
}

TABLE{width:100%;}


TH,TD {
color : #000000;
padding : 3px;
display:block;
width:100%;}

TD.header {height:0px;
padding-top:30%;
background-size:contain;}

BODY {color:#666666;font-family:Verdana;
overflow-x:hidden;
margin:0 auto;}

A{color : #333333;
text-decoration: none; }

A:visited {
  color: #623333; }


ul.topnav {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background-color: #1b2538;
	margin: 20px auto;
	width: calc(100% - 20px) ;
}
ul.topnav li {
	float: left;
	line-height:auto;
}
ul.topnav li a {
	display: block;
	padding: 14px 16px;
	text-align: center;
	text-decoration: none;
	color: white;
	font-size:12pt;font-weight:bold;
	line-height:40px;
}
ul.topnav li a:hover {
	background-color: #00cccc;
}
ul.topnav li.right {
	padding: 12px 16px;
	float: none;
}

DIV.content{
  display: block;
  margin: 20px auto;
 width: calc(100% - 20px) ;
  text-align: left;}

DIV.midasi
{letter-spacing : 2px;padding-bottom : 2px;
border-bottom-width : 1px;border-bottom-style : dotted;
border-bottom-color : #00cccc;
font-size:12pt;}

.text
{padding-top : 6px;padding-left : 20px;padding-right : 10px;padding-bottom : 10px;}


div.view {
  display: block;
  margin: 0 auto;
 width: calc(100% - 20px) ;
  text-align: left;}

.view img {
 width: 100% ;
 display: block;
 margin-left: auto;
 margin-right: auto;
}

div.view_big {
  display: block;
  margin: 0 auto;
  width: calc(100% - 20px) ;
  text-align: center;}


.view_big img {
 width: 100% ;
 display: block;
 margin-left: auto;
 margin-right: auto;
 padding: 10px 0px;
}


div.pic {
  display: block;
  width: calc(100% - 20px) ;
  text-align: left;}
}

}