.modal-rigion{
  display: none;
}


@media screen and (max-width: 1024px) and (min-width: 768px){

.modal-rigion{
  display: none;
}



}


@media screen and (min-width: 1025px){

/*============================
#modal-rigion
============================*/
#modal-rigion{
}
.modal-rigion{
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: fixed;
  top: 0;
  z-index: 99999;
  display: none;
  color:#0f0f0f;
  font-family: 'Libre Baskerville', serif;
  line-height: 1;
    -webkit-font-smoothing: antialiased;
    height: 100%;
    font-size: 16px;
}
.modal-rigion-inner{position:relative;height: 100%;width: 100%;}
.modal-rigion-close{

  position: absolute;
  top: 27px;
  right: 20px;

}
.m-contents{width: 870px;/* margin: 0 auto; */position:absolute;left: 50%;top: 50%;/* height: 100%; */margin-left: -415px;margin-top: -159px;}
.m-logo{
  float: left;
  margin-right: 100px;
}

.m-area{
  float: left;
  margin-top: 2px;
}

.m-area ul{
  margin-left: 0px;
}

.m-area li{
  margin-bottom: 11px;
  list-style: none;
}

.m-area a{
  font-family: 'Libre Baskerville', serif;
  color: black;
  font-size: 12px;
}

.m-area a:hover{
  color: #8d734a;
}

.m-area a:hover{
  text-decoration: none;
}
.m-each-title{
  font-family: 'Libre Baskerville', serif;
  font-style: italic;
  font-size: 11px;
  margin-bottom: 25px;
}

.m-asia-area{margin-right: 115px;}
.m-america-area{margin-right: 86px;}
.m-europe-area{margin-right: 77px;}
.m-international{margin-top: 38px;}

.m-margin-japan{
  margin-left: 3px;
}

	}