h2 {
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: #03294a6b;
  /*  color:#ebe070;*/
  color: #605a18;
  /* background-color: #ffffff8f;*/
  font-size: 1.2em;
  text-align: center;
  margin: 10px 0px;
}


/*
a {
  text-decoration: none;
  font-weight: 480;
}
*/
img.icon {
  background-color: #f3ec9d;
  vertical-align: bottom;
}

div.navi_group_dummy:nth-child(2) {
  display: none;
}


.navi_link_menu {
  display: none;
}

input#toggle {
  display: none;
}

img#fleurDeLis {

  width: 1.25em;
  margin: auto;
  display: flex;
  /* justify-content: center; */
  align-items: center;
}

div#main {
  width: 100%;
  min-height: 80vh;
  /*  min-width:550px; */
  background-color: #FFFFFF;
  background-image: url("./pcandmic4bg.jpg");
  /*   background-image: url("./pexels-tima-miroshnichenko-c2.jpg");*/
  background-repeat: no-repeat;
  background-size: 100% auto;
  /*   background-attachment: fixed;
    background-position: left bottom; */
}

.textnote_center {
  border: #EDE1B0 3px solid;
  border-radius: 0px;
  border-width: 5px 1px 4px 1px;
  margin: 20px auto 0px auto;
  padding: 2rem 2rem;
  font-size: 0.95rem;
  color: #6f3209;
  background-color: #ffffffad;
  font-weight: 350;
  text-align: center;
  width: 82%;

}

div.attention {
  color: rgba(153, 76, 3, 0.651);
  text-align: center;
  font-weight: 450;
  font-size: 1.0rem;
}

.textnote_center a {
  text-decoration: none;
  font-weight: 480;

}

.textnote_center>a {
  text-decoration: none;
  font-weight: 480;
  font-size: 1.0rem;
}

.textnote {
  border: #EDE1B0 3px solid;
  max-width: 18rem;
  border-radius: 10px;
  margin: 5px auto;
  padding: 0rem 2rem;
  font-size: 1rem;
  color: #6f3209;
  font-weight: 430;
}


.textnote ul {
  padding-left: 0;
}

.textnote ul>li {
  list-style: none;
  font-size: 0.9rem;

}

.pdmenucontainer {
  display: block;
}

.pdmenu {

  width: 216px;
  margin: 5px auto;
  position: relative;
}

.pdmenu_title {
  height: 1.8rem;
  white-space: nowrap;
  padding: 2px 2px;
  margin: 1px 2px 0px 2px;
  border-style: none;
  border-width: 1px 1px;
  border-color: #f9f9f9;
  /*   display: inline;
  vertical-align: middle; */
  font-size: 1em;
  font-weight: 450;
  background: linear-gradient(#f9e99a, #fff1a9, #f2e49f);
  border-radius: 0.25rem;

}

.pd_navi_group {
  border: none;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
  width: 216px;
  background-color: #f3ec9d;
}



.pd_navi_link {
  height: 1.8rem;
  white-space: nowrap;
  padding: 2px 8px;
  margin: 4px 2px;
  border-style: none;
  border-width: 1px 1px;
  border-color: #f9f9f9;
  /*   display: inline;
  vertical-align: middle; */
  font-size: 1em;
  font-weight: 450;
  background: linear-gradient(#f9e99a, #fff1a9, #fce46d);
  border-radius: 0.25rem;
}

.pd_navi_group a {
  display: block;
}


.vmenu {
  display: inline-block;
  padding: 3px 1px;
}

.v_navi_link {
  height: 1.8rem;
  white-space: nowrap;
  padding: 2px 8px;
  margin: 4px 2px 10px 2px;
  border-style: none;
  border-width: 1px 1px;
  border-color: #f9f9f9;
  /*   display: inline;
  vertical-align: middle; */
  font-size: 1em;
  font-weight: 450;
  background: linear-gradient(#f9e99a, #fff1a9, #f2e49f);
  border-radius: 0.25rem;
  width: 198px;
}

.v_navi_link a {
  display: block;
}

/*for PC 
@media (any-hover: hover) {*/
.pdmenu:hover .pd_navi_group {
  visibility: visible;
  opacity: 1;
}


.pd_navi_link:hover {
  background: linear-gradient(#e9cf4c, #fff1a9, #f0d23f);
}

.v_navi_link:hover {
  background: linear-gradient(#e9cf4c, #fff1a9, #f0d23f);
}


/*
}

for touch device
@media (any-hover: none) {
  .pdmenu:active .pd_navi_group {
    visibility: visible;
    opacity: 1;
  }

  .pd_navi_group:active .pd_navi_group {
    visibility: visible;
    opacity: 1;
  }

  .pd_navi_link:active {
    background: linear-gradient(#e9cf4c, #fff1a9, #f0d23f);
  }

  .v_navi_link:active {
    background: linear-gradient(#e9cf4c, #fff1a9, #f0d23f);
  }



}
  */

@media(max-width:600px) {

  div#navicontainer {
    position: absolute;
    display: block;
    z-index: 10;
    left: 2px;
    top: 0px;
    background: none;
  }

  div.navi_group_dummy {
    display: block;
    margin: 2px auto;
    background-color: #fffbe6;
    border: #fffbe6 solid 2px;
  }

  div.navi_group_dummy:nth-child(2) {
    display: block;
    width: 35px;
    margin: 4px auto 4px 0px;
  }

  .navi_link_menu {
    display: flex;
    justify-content: center;
  }

  div.navi_group {
    display: block;
    background-color: #fffbe6;
    margin: 0px 2px 0px 2px;
  }

  div.navi_link {
    text-align: center;
    margin: 4px auto;
    height: 1.7rem;
  }

  div.navi_link_home {
    text-align: center;

  }




  div#navicontainer>div:nth-child(n+3) {
    visibility: hidden;

  }

  /*
  div#navicontainer:hover>div:nth-child(n+2) {
    visibility: visible;


  }
*/
  input#toggle:checked~div:nth-child(n+3) {
    visibility: visible;
  }
}