body{
  margin : 25px;
}
.right {
    text-align: right;
}
#header-txt{
  color: black;
  text-decoration: none;
}

.uploadButton {
    display:inline-block;
    position:relative;
    overflow:hidden;
    border-radius:3px;
    background:#099;
    color:#fff;
    text-align:center;
    padding:10px;
    line-height:30px;
    width:80%;
    cursor:pointer;
}
.uploadButton:hover {
    background:#0aa;
}
.uploadButton input[type=file] {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    cursor:pointer;
    opacity:0;
}
.uploadValue {
    display:none;
    background:rgba(255,255,255,0.2);
    border-radius:3px;
    padding:6px;
    color:#ffffff;
    width:70%;
}

table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 95%;
  table-layout: fixed;
}

table tr {
  background-color: #fff;
  border: 1px solid #bbb;
  padding: .35em;
}
table th,
table td {
  padding: 1em 10px 1em 1em;
  border-right: 1px solid #bbb;
}
table th {
  font-size: .85em;
}
table thead tr{
  background-color: #eee;
}
.txt{
   text-align: left;
   font-size: .85em;
}
.price{
   text-align: right;
}
@media screen and (max-width: 600px) {
  table {
    border: 0;
    width:100%
  }
  table th{
    background-color: #eee;
    display: block;
    border-right: none;
  }
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  table tr {
    display: block;
    margin-bottom: .625em;
  }

  table td {
    border-bottom: 1px solid #bbb;
    display: block;
    font-size: .8em;
    text-align: right;
    position: relative;
    padding: .625em .625em .625em 4em;
    border-right: none;
  }

  table td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
  }

  table td:last-child {
    border-bottom: 0;
  }
}

.shareList {
	list-style:none;
	display: flex;
	flex-wrap:wrap;
	padding:0;
	margin:-5px 0 0 -5px;
}
.shareList__item {
	height:50px;
	line-height:50px;
	text-align:center;
	margin:9px 0 0 5px;
}
.shareList__link {
	display:block;
	color:#ffffff !important;
	padding:0 20px;
	text-decoration: none;
	transition: .2s;
	border:2px solid;
	border-radius: 5px;
}
.shareList__link::before{
	font-size:16px;
}
.shareList__link::after{
	content:attr(title);
	font-size:14px;
	font-weight:700;
	vertical-align: top;
	margin-left:5px;
}

.shareList__link.icon-twitter{background:#55acee !important;}
.shareList__link.icon-twitter:hover{color:#55acee !important; background:#ffffff !important; border-color:#55acee !important;}

.shareList__link.icon-facebook{background:#3B5998 !important;}
.shareList__link.icon-facebook:hover{color:#3B5998 !impor !importanttant; background:#ffffff !important; border-color:#3B5998 !important;}

.shareList__link.icon-google-plus{background:#dd4b39 !important;}
.shareList__link.icon-google-plus:hover{color:#dd4b39 !important; background:#ffffff !important; border-color:#dd4b39 !important;}

.shareList__link.icon-hatebu{background:#008FDE !important;}
.shareList__link.icon-hatebu:hover{color:#008FDE !important; background:#ffffff !important; border-color:#008FDE !important;}

.shareList__link.icon-pocket{background:#EB4654 !important;}
.shareList__link.icon-pocket:hover{color:#EB4654 !important; background:#ffffff !important; border-color:#EB4654 !important;}

.shareList__link.icon-rss{background:#ff9900 !important;}
.shareList__link.icon-rss:hover{color:#ff9900 !important; background:#ffffff !important; border-color:#ff9900 !important;}

.shareList__link.icon-feedly{background:#6cc655 !important;}
.shareList__link.icon-feedly:hover{color:#6cc655 !important; background:#ffffff !important; border-color:#6cc655 !important;}

.shareList__link.icon-pinterest{background:#cb2027 !important;}
.shareList__link.icon-pinterest:hover{color:#cb2027 !important; background:#ffffff !important; border-color:#cb2027 !important;}

.shareList__link.icon-linkedin{background:#0e76a8 !important;}
.shareList__link.icon-linkedin:hover{color:#0e76a8 !important; background:#ffffff !important; border-color:#0e76a8 !important;}

.shareList__link.icon-line{background:#1dcd00 !important;}
.shareList__link.icon-line:hover{color:#1dcd00 !important; background:#ffffff !important; border-color:#1dcd00 !important;}
