/* 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-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);
}















/* 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);}
}