.loading_toggle {
  display:none;
}

#barcode_toggle {
    display: none;
}


@media screen and (min-width: 700px) {
#comment_on_map {
    width:10em;
    font-size: 16px;
    position: absolute; /* 相対位置に指定 */
    top:10%;
    left:5%;
}
#comment_on_map p{
    font-size: 16px;
}
.block-center {
    width:6em;
    margin:0 auto;
    font-size: 16px;
}
#comment_on_map_world {
 margin:0 0 0 10px;
 font-size: 16px;
}
#select_map, #select_map a{
 font-size: 16px;
}
.normal-font{
 display: inline-block;
 font-size: 16px;
}
.small-font{
 font-size: 12px;
}
.square {
 display: inline-block;
 vertical-align:middle;
 margin-bottom:5px;
 height:14px;
 width:14px;
 border:0.5px solid;
 border-color: #000;
}
.square-world {
 display: inline-block;
 vertical-align:middle;
 margin-bottom:5px;
 height:14px;
 width:14px;
 border:0.5px solid;
 border-color: #000;
}
img.loading_show {
  width: 700px;
}

}

@media screen and (max-width: 699.99px) {

#comment_on_map {
    width:10em;
    font-size: 12px;
    position: absolute; /* 相対位置に指定 */
    top:10%;
    left:5%;
}
#comment_on_map p{
    font-size: 12px;
}
.block-center {
    width:6em;
    margin:0 auto;
    font-size: 12px;
}
#comment_on_map_world {
 diaplay:inline-block;
 margin:0 0 0 10px;
 font-size: 12px;
}
#select_map, #select_map a{
 font-size: 12px;
}
.normal-font{
 display: inline-block;
 font-size: 12px;
}
.small-font{
 font-size:10px;
}
.square {
 display: inline-block;
 vertical-align:middle;
 margin-bottom:3px;
 height:10px;
 width:10px;
 border:0.5px solid;
 border-color: #000;
}
.square-world {
 display: inline-block;
 vertical-align:middle;
 margin-bottom:3px;
 height:10px;
 width:10px;
 border:0.5px solid;
 border-color: #000;
}
img.loading_show {
  width: 100%;
}
    
}


/* ImageMap */
:root{
    --image-map-width:100%;
}
.box{
  position: relative; /* 基準位置とする */
  width: var(--image-map-width);
}
.box h1{
    position: absolute; /* 相対位置に指定 */
    top:0;
    left:0;
}
.loading_show {
    position: absolute; /* 相対位置に指定 */
}
#base_map {
  width: var(--image-map-width);
}
.box .map_japan {
  position: absolute; /* 相対位置に指定 */
  top: 0;
  left: 0;
  width: var(--image-map-width);
}
.map_world {
  position: absolute; /* 相対位置に指定 */
  top: 0;
  left: 0;
  width: var(--image-map-width);
}
.block-center a{
 margin:0;
}
#square-level5 {
 background-color:#F60;
}
#square-level4 {
 background-color:#FFAE37;
}
#square-level3 {
 background-color:#FC0;
}
#square-level2 {
 background-color:#FF0;
}
#square-level1 {
 background-color:#FFC;
}
#square-level0 {
 background-color:#FFF;
}