@media (min-width:320px)  {.mp_img {top: 150px;left: 30px;width: 350px;} .head{height: 500px;}}
@media (min-width:481px)  {.mp_img {top: 150px;left: 50px;width: 400px;} .head{height: 530px;}}
@media (min-width:641px)  {.mp_img {top: 150px;left: 120px;width: 400px;} .head{height: 530px;}}
@media (min-width:961px)  {.mp_img {top: 20px;left: 280px;width: 480px;} .head{height: 480px;}}
@media (min-width:1025px) {.mp_img {top: 20px;left: 250px;width: 600px;} .head{height: 600px;}}
@media (min-width:1281px) {.mp_img {top: 20px;left: 400px;width: 700px;} .head{height: 700px;}}
@media (min-width:1681px) {.mp_img {top: 20px;left: 500px;width: 700px;} .head{height: 700px;}}
@media (min-width:1881px) {.mp_img {top: 20px;left: 600px;width: 700px;} .head{height: 700px;}}


body {
  background-color: white;
  font-family: "Playfair", serif;
  font-optical-sizing: auto;
  font-weight:normal;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

.head-menu{
 z-index: 999999;
 float: right;
 display: grid;
 width: 170px;
 padding-top:20px

}

.nav-button {
  z-index: 999999;
  background-color: white;
  display: none; 
  font-size: 20px;
  white-space:nowrap;
 
}	

.nav-button a {
  text-decoration: none;
  font-size: 20px;
  color: #818181;
}

.nav-button a:hover {
  color: red;
  cursor:pointer;
}


.cflag {
	width: 80px;
	margin-left:40px;
	
	
}
.nav-menu {
	z-index: 999999;
    display: grid;
	padding: 20px;
}	
.logo {
	position: absolute;
    left: 0px;
	top: 0px;
	padding: 20px;
}	

.mp_img {
	position: absolute;
	object-fit: cover;
	display: none;
}
.logo-img {
	width: 200px; 
	float: left;
	cursor:pointer;
	
}

.head {
	max-width:100%;
	overflow: auto;
}

.info-main {
	display: block;
	overflow: auto;
	position:absolute;
	left: 2px;
}

@media (min-width:320px) {.info-main{margin-left: 10px;margin-right: 10px;}}
@media (min-width:600px) {.info-main {margin-left: 20px;margin-right: 20px;}}
@media (min-width:1025px){.info-main {margin-left: 100px;margin-right: 100px;}}  
@media (min-width:1681px){.info-main {margin-left: 200px;margin-right: 200px;}} 

.info-report {
	position: absolute;
	text-align: center;
	width: 100%;
	left: 2px;
	top: 100px;
	/*border: 1px solid black;*/
}
.info-apage {
	position: absolute;
	left: 2px;
	top: 150px;
	/*border: 1px solid black;*/
} 
@media (min-width:320px) {.info-apage{margin-left: 10px;margin-right: 10px;}.info-tlt { font-size:40px; }}
@media (min-width:600px) {.info-apage{margin-left: 20px;margin-right: 20px;}.info-tlt { font-size:50px; }}
@media (min-width:1025px){.info-apage{margin-left: 100px;margin-right: 100px;}.info-tlt { font-size:80px; }}  
@media (min-width:1681px){.info-apage{margin-left: 200px;margin-right: 200px;}.info-tlt { font-size:80px; }}

.blok-div {
	width: 300px;
	margin: 0 auto; 
}

.buy_cnt {
	font-size:37px; 
	color:red; 
}
.buy_grh {
	font-size:20px;
	
}

.img-nav {
	width: 100px;
	float: left;
	padding: 20px;
	cursor:pointer; 
}
.submit {
	background-color: white;
	font-size:37px; 
	color:red; 
	border: 1px solid red;
	cursor:pointer;
}
.smlsubmit {
	background-color: white;
	font-size:20px; 
	color:red; 
	border: 1px solid red;
	cursor:pointer;
}

.opt-hide {
	display: none;
}

.error {
		color:red;
		font-size:25px;
}
.select-opt {
	max-width: 388px;
	width: 100%;
	
}

.btn-top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

.btn-top:hover {
  background-color: #555;
}