@charset "utf-8";

.fade-in-inq{
   opacity: 0;
   animation-name: fadein;
   animation-duration: 0.5s;
   animation-delay:0.7s;
   animation-timing-function: ease-out;
   animation-fill-mode: forwards;
position:absolute;left:20px;top:20px;
padding:5px;
width:90%;
border:none;
border-radius:12px;
background:#ffffff;
font-family: "Zen Maru Gothic", sans-serif;
box-shadow : 0 0 7px rgba( 0, 0, 0, 0.7 );
}
@keyframes fadein {
   0% {
      opacity: 0;
      transform: translateX(80px);
   }
   100% {
      opacity: 0.9;
      transform: translateY(0);
   }
}
div.out_container {
position:relative;
padding:5px;
}
div.caution_script {
font-size:0.9em;
color:#331a26;
font-weight:bold;
background:#e9e9e9;
padding:3px;
border-radius:12px;
}
div.conf_title {
  font-size:1.3em;
  font-weight:bold;
  background:#ff6666;
  border-radius:12px;
  padding:3px;
  text-align:center;
  color:#ffffff;
}
div.conf_info {
  font-size:1.1em;
  font-weight:bold;
  padding:3px;
  color:#555555;
}
a.h_close_button {
font-size:0.9em;
background:#9e9e9e;
padding:5px;
width:110px;
text-decoration:none;
border-radius:16px;
text-align:center;
color:#ffffff;
}
div.h_close_button {
text-align:right;
}
span.conf_info {
font-size:0.8em;
color:#336633;
}
span.conf_caution_script {
color:#ff0000;
}
button.adr_name {
font-size:0.9em;
background:#ffffff;
border:solid 1px #cccccc;
border-radius:10px;
margin-left:5px;
}
div#adn {
position:relative;
}
div.adr_name_tip {
font-size:0.7em;
background:#ffffee;
color:#333333;
border:solid 1px #cccccc;
border-radius:12px;
display:none;
position:absolute;
top:26px;
left:145px;
padding:5px;
box-shadow : 0 0 5px rgba( 0, 0, 0, 0.5 );
animation: adrname 0.5s;
}
@keyframes adrname {
  0% {
    opacity: 0;
  }
100% {
	opacity: 1;
}
}
button.back {
padding:6px;
font-family:Zen Maru Gothic, sans-serif;
font-weight:bold;
width:100px;
text-align:center;
border-radius:16px;
border:none;
background:#c6e2ff;
}
div.flash_base {
width:85%;
background:#ff6666;
border-radius:16px;
text-align:center;

}
div.flash {
font-family:Zen Maru Gothic, sans-serif;
font-size:1.0em;
font-weight:bold;
animation: flashes 1s linear infinite;
}
@keyframes flashes {
  0% {
    opacity: 0;
  }
50% {
    opacity: 1;
    color:#ffffff;
	}
100% {
	opacity: 1;
	color:#ffffff;
}
}
.hide_items {
display:none;
}