/*****************************************
スマホでのテーブルFullWidth
*****************************************/
.table_sp th {
	background-color: #F2F2F2;
}
.table_sp td {
	background-color: #FFFFFF;
}
@media (max-width: 750px) {
.table_sp, .table_sp caption, .table_sp tbody, .table_sp thead, .table_sp tfoot, .table_sp tr, .table_sp th, .table_sp td {
	display: block;
}
.table_sp {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin-bottom: 5px;
}
.table_sp caption {
	border-top: 1px solid #CCC;
	padding: 5px;
	background-color: #E2E2E2;
}

.table_sp th {
	border-top: 1px solid #CCC;
	padding: 5px;
}
.table_sp td {
	border-top: 1px solid #CCC;
	padding: 5px;
}
}

@media (min-width: 751px) {
.table_sp {
	margin: 0 auto 10px;
}
.table_sp tr th {
	padding: 10px;
	border: 1px solid #CCC;
}
.table_sp tr td {
	padding: 10px;
	border: 1px solid #CCC;
}
}
/*****************************************
スマホでのテーブル横スクロール用
*****************************************/
.scroll {
	padding-bottom: 20px;
}
.scroll table th {
	background-color: #F2F2F2;
	border: 1px solid #CCC;
}
.scroll table td {
	background-color: #FFFFFF;
	border: 1px solid #CCC;
}
@media (max-width: 750px) {
.scroll table {
	width: 100%;
	margin-bottom: 5px;
	white-space: nowrap;
}
.scroll table th {
	padding: 5px;
}
.scroll table td {
	padding: 5px;
}
.scroll{
	overflow: auto;　
	white-space: nowrap;
	margin-bottom: 20px;
}
.scroll::-webkit-scrollbar{
	height: 5px;
}
.scroll::-webkit-scrollbar-track{
	background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
	background: #BCBCBC;
}
}
@media (min-width: 751px) {
.scroll table {
	margin: 0 auto 1px;
}
.scroll table th {
	padding: 10px;
}
.scroll table td {
	padding: 10px;
}
}
/*==========================================
トップページのふわふわのアニメーション
==========================================*/
@-webkit-keyframes example {
 100% {
 opacity: 1;
}
}
@keyframes example {
 100% {
 opacity: 1;
}
}
@-webkit-keyframes fade-in {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@keyframes fade-in {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
@keyframes fluffy1 {
 0% {
transform:translateY(0)
}
 50% {
transform:translateY(-15px)
}
 100% {
transform:translateY(0)
}
}
@-webkit-keyframes swing1 {
 15% {
 -webkit-transform: translateX(5px);
 transform: translateX(5px);
}
 30% {
 -webkit-transform: translateX(-5px);
 transform: translateX(-5px);
}
 50% {
 -webkit-transform: translateX(3px);
 transform: translateX(3px);
}
 65% {
 -webkit-transform: translateX(-3px);
 transform: translateX(-3px);
}
 80% {
 -webkit-transform: translateX(2px);
 transform: translateX(2px);
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
@-webkit-keyframes swing2 {
 15% {
 -webkit-transform: translateY(5px);
 transform: translateY(5px);
}
 30% {
 -webkit-transform: translateY(-5px);
 transform: translateY(-5px);
}
 50% {
 -webkit-transform: translateY(3px);
 transform: translateY(3px);
}
 65% {
 -webkit-transform: translateY(-3px);
 transform: translateY(-3px);
}
 80% {
 -webkit-transform: translateY(2px);
 transform: translateY(2px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}