/* write your custom styles here */

body {
  font-family:arial, verdana, helvetica, sans-serif;
  font-size: 0.9rem;
}

.znav-container {
  background-color: #efefef;
}

.background-11 {
  background-color: #EF3F28 !important;
}

.background-9 {
  background-color: #f7f7f7 !important;
}

.background-10 {
  background-color: #232323 !important;
}

.background-black {
  background-color: #191919 !important;
}

.font-2 {
  font-family:arial, verdana, helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
}

h1, .h1 {
  font-size: 0.75019rem !important;
  font-family:arial, verdana, helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
}

section {
  position: relative;
  padding: 2.5rem 0;
}

#alink {
	color:#ffffff;
	text-decoration: none;
	border-bottom: 1px #ffffff dotted;
}

.zinput.zradio {
  padding: 0.1rem 0;
}

.zinput.zradio input[type='radio']:checked + label:before {
  box-shadow: inset 0 0 0 9px orange, 0 0 0 0 #ffffff;
}


.zinput label:before {
  width: 16px;
  height: 16px;
  top: 50%;
  left: 8px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  cursor: pointer;
  content: '';
  border: 1px solid #e1e1e1;
  transition: box-shadow 0.2s ease-in-out;
  box-shadow: inset 0 0 0 0px orange, 0 0 0 0 #e1e1e1;
}



.zinput.zcheckbox input[type='checkbox']:checked + label:before {
  box-shadow: inset 0 0 0 20px orange, 0 0 0 0 #4CD964;
}

.background-holder.overlay-dark:before {
  background: rgba(255, 149, 0, 0.4);
}



.btn-dark.active, .btn-dark:active, .btn-dark:focus, .btn-dark:active:focus  {
  transform: translate3d(0, 2px, 0);
}



.background-9 {
  background-color: #f0f0f0 !important;
}











/* https://haniwaman.com/parts/parts-3861/ */

.top_upload_box {
 background: #fff;
 background-image: linear-gradient(90deg, rgba(242, 242, 242, 0.6) 50%, transparent 50%),
 linear-gradient(rgb(246, 246, 246) 50%, transparent 50%);
 background-size: 20px 20px;
 border: 3px solid #ccc; /* �g�� */
 color:#777777;
 user-select: none;
}


.loadkumatch {
 width: 40px;
 height: 40px;
 display: inline;
}

.loadkumatch1 {
  animation: r1 1s linear infinite;
}
 
@keyframes r1 {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


#downloadlink{
 color:#ffffff;
}




#me_pub_btn{
  display:block;
  width:322px;
  height:32px;
  background-image:url(//sakura1.firestorage.jp/images/ups_button.png);
  text-indent:-10000px;
  list-style:none;
}

#me_pub_btn:hover{
	opacity:0.6;
	cursor: pointer;
	cursor: hand;
}


.progress .progress-bar {
    animation-name: animateBar;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: .4s;
}
@keyframes animateBar {
    0% {transform: translateX(-100%);}
    100% {transform: translateX(0);}
}

.ovbox {
    postion: relative;
}


.ovbox div.text{
    position: absolute; 
    left: 10px; 
    top: 10px; 
    font-size: 30px;
}








.btn-group-fab {
  position: fixed ;
  width: 50px;
  height: auto;
  right: 20px; bottom: 20px;
}
.btn-group-fab div {
  position: relative; width: 100%;
  height: auto;
}
.btn-group-fab .btn {
  position: absolute;
  bottom: 0;
  border-radius: 50%;
  display: block;
  margin-bottom: 4px;
  width: 40px; height: 40px;
  margin: 4px auto;
}
.btn-group-fab .btn-main {
  width: 50px; height: 50px;
  right: 50%; margin-right: -25px;
  z-index: 999999;
}
.btn-group-fab .btn-sub {
  bottom: 0; z-index: 8;
  right: 50%;
  margin-right: -20px;
  -webkit-transition: all 2s;
  transition: all 0.5s;
}
.btn-group-fab.active .btn-sub:nth-child(2) {
  bottom: 60px;
}
.btn-group-fab.active .btn-sub:nth-child(3) {
  bottom: 110px;
}
.btn-group-fab.active .btn-sub:nth-child(4) {
  bottom: 160px;
}
.btn-group-fab .btn-sub:nth-child(5) {
  bottom: 210px;
}

.hand{
        cursor: pointer;
        cursor: hand;
}