@charset "UTF-8";

body {
	font-family: 'Lucida Grande', メイリオ, Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif;
	background-color: #fafafc;
	overflow-x: hidden; /*スライドインとgototop時の横スクロール非表示*/

}

a, a:focus {
	outline: none;
}

/*nav*/

.navbar-brand {
	padding: 10px 30px 10px 12px;
}

.nav .share {
	padding: 5px 0 0 16px;
	height: 50px;
	line-height: 50px;
}

.nav .share a {
	padding: 8px 10px 0 0;
	display: inline;
}

.fb_iframe_widget > span {
	vertical-align: baseline !important;
}

/*header*/

header {
	width: 100%;
	height: 0;
	padding-top: 56.25%; /*height0にしてwidth基準*/
	background-color: #fff;
	position: relative;
	z-index: -100;
}

.bg {
	width: 100%;
	height: auto;
	margin-top: 50px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -70;
}

h1 {
	width:  43.26%;
	margin-top: 17.73%;
	padding-top: 34.06%; /*heightの代替計算*/
	position: fixed;
	left: 4.4%;
	top: 50px; /*navのheight*/
	z-index: -40;
	-webkit-animation: slideIn_D 0s both;
	animation: slideIn_D 0s both;
}

@-webkit-keyframes slideIn_D { /*初期配置*/
	0% {-webkit-transform: translateX(250%);}
	100% {-webkit-transform: translateX(250%);}
}
@keyframes slideIn_D { /*初期配置*/
	0% {transform: translateX(250%);}
	100% {transform: translateX(250%);}
}

@-webkit-keyframes slideIn { /*jQueryでanimation上書き*/
	0% {-webkit-transform: translateX(250%);}
	100% {-webkit-transform: translateX(0);}
}
@keyframes slideIn { /*jQueryでanimation上書き*/
	0% {transform: translateX(250%);}
	100% {transform: translateX(0);}
}

.copy {
	width: 9.33%;
	margin-top: 9.266%;
	padding-top: 42.6%; /*heightの代替計算*/
	position: fixed;
	right: 8.6%;
	top: 50px;
	z-index: -60;
	-webkit-animation: fadeIn_D 0s both;
	animation: fadeIn_D 0s both;
}

@-webkit-keyframes fadeIn_D { /*初期表示*/
	0% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes fadeIn_D { /*初期表示*/
	0% {opacity: 0;}
	100% {opacity: 0;}
}

@-webkit-keyframes fadeIn { /*jQueryでanimation上書き*/
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeIn { /*jQueryでanimation上書き*/
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.jf {
	width: 26.6%;
	margin-top: 22.86%;
	padding-top: 26.6%; /*heightの代替計算*/
	position: fixed;
	left: 8%;
	top: 50px;
	z-index: -50;
}

/*===mix-blend-mode対応ハック===*/
@-moz-document url-prefix(){ /*Firefox*/
  .jf {
		z-index: -30;
		mix-blend-mode: screen;
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /*Chrome,(Safari,Opera)*/
  .jf {
		z-index: -30;
		mix-blend-mode: screen;
	}
}

.svg {
	position: absolute; /*SVGの高さ取得*/
	top: 0;
	left: 0;
}

/*--追加--*/
.navbar {
	min-width: 320px; /*カラム落ち用*/
}

.navbar-inverse {
	background-color: #fff;
	border-color: #ccc;
	box-shadow: 0 0 10px 0 #aaa;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: #fff;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-color: #ccc;
}
.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-nav>li>a:focus {
	color: #888;
}
.navbar-inverse .navbar-nav>li>a:hover {
	color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #666;
}
.navbar-inverse .navbar-toggle:hover > .icon-bar {
	background-color: #333;
}

.fa {
	font-size: 17px;
	margin-right: 2px;
}

i.fa {
	font-size: 14px;
}
/*--end--*/

/*wrapper*/
.wrapper {
	padding-top: 50px;
	position: relative;
	overflow: hidden;
}

/*contents*/
.contents {
	width: 100%;
	background-color: #fafafc;
	box-shadow: 0 -2px 10px rgba(0,0,0,.1);
}

/*main*/

.jrc {
	text-align: center;
	margin: 20px 0;
}

.jrc img {
	max-width: 100%;
}

h2 {
	border-bottom: solid 1px #333;
	box-shadow: 0 1px 0 0 #fff;
	margin-top: 40px;
	margin-bottom: 14px;
}

h3 {
	font-size: 18px;
	margin-top: 14px;
}

h3:first-child {
	margin-top: 0;
}

th {
	font-weight: normal;
}

#outline{
	width: 100%;
	font-size: 18px;
	margin-bottom: 10px;
}

#outline th {
	background-color: #eee;
	border-right: solid 1px #aaa;
}

#outline th, #outline td {
	border-top: solid 1px #333;
	border-bottom: solid 1px #333;
	padding: 10px 20px;
}

.main ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none inside;
}

#entryform {
	text-align: center;
	margin-top: 30px;
}
#entryform a {
	font-size: 26px;
	padding: 0 30px;
}

#entryform a:hover {
	color: #428bca;
	text-decoration: none;
}

#entryform a:focus {
	color: #fff;
	background-color: #428bca;
	text-decoration: none;
}

/*--hover effects--*/
.box {
  position:relative;
  vertical-align: middle;
  color: #fff;
  background-color: #428bca;
  display: inline-block;
  height: 80px;
  line-height: 80px;
  text-align: center;
  transition: 0.5s;
  padding: 0 20px;
  cursor: pointer;
  border: 2px solid #2a6496;
  border-radius: 10px;
  -webkit-transition:0.5s;
}

.box:hover {
  border: 2px solid rgba(0,160,80,0);
  background-color: #fff;
  color: #428bca;
}

.box::before, .box::after {
  width: 100%;
  height:100%;
  z-index: 3;
  content:'';
  position: absolute;
  top:0;
  left:0;
  box-sizing: border-box;
  -webkit-transform: scale(0);
  transition: 0.5s;
}

.foo::before {
  border-bottom: 6px solid #2a6496;
  border-left: 6px solid #2a6496;
  border-radius: 10px;
  -webkit-transform-origin: 0 100%;
}

.foo::after {
  border-top: 6px solid #2a6496;
  border-right: 6px solid #2a6496;
  border-radius: 10px;
  -webkit-transform-origin: 100% 0%;
}

.box:hover::after, .box:hover::before {
  -webkit-transform: scale(1);
}

/*--end--*/

.important {
	background: #e62433;
	color: #fff;
	padding: 0 3px;
}

/*goods*/
.goods:after {
	content: "";
	display: block;
	clear: both;
}

.goods > li {
	width: 100%;
	margin-bottom: 20px;
	padding: 20px;
	border-collapse: separate; border-spacing: 0; /*forIE*/
	box-shadow: -3px 3px 10px 1px #ccc;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius: 5px;
	float: left;
	position: relative;
}
.goods > .redbull {
	margin-bottom: 10px;
}

.god,
.mago,
.toki,
.bon {
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transform: translate3d(0,0,0) scale(.7);
    transform: translate3d(0,0,0) scale(.7);
	-webkit-transition: opacity .35s, transform .3s;
    transition: opacity .35s, transform .3s;
}
.gdsList > a:hover .god,
.gdsList > a:hover .mago,
.gdsList > a:hover .toki,
.gdsList > a:hover .bon {
	opacity: 1;
	-webkit-transform: translate3d(0, -80px, 0) scale(1) rotate(10deg);
    transform: translate3d(0, -80px, 0) scale(1) rotate(10deg);
}


.goods a img {
	display: block;
	width: 100%;
	max-width: 240px;
	margin: 0 auto 10px;
}

.gdsTitle {
	display: block;
	padding: 10px 10px 0 10px;
}

@media(min-width: 768px){
	.goods > li {
	width: 350px;
	margin-right: 20px;
}
	.goods > .tm,
	.goods > .redbull {
		margin-right: -20px;
	}
	.goods > .tl,
	.goods > .redbull {
		margin-bottom: 10px;
	}
}

@media(min-width: 992px){
	.goods > li{
	width: 460px;
	margin-right: 20px;
}
}

@media(min-width: 1200px){
	.goods > li {
	width: 270px;
	margin-bottom: 0;
	margin-right: 20px;
}
	.goods > .tm {
	margin-right: 20px;
}
	.goods a img {
		margin-bottom: 10px;
	}
}

/*end*/

#access {
	margin-top: -30px;
	padding-top: 60px;
}

#map {
	width: 90%;
	margin: 0 auto;
}

#entry {
	color: #fff;
	font-size: 20px;
	text-align: center;
	background-color: #e62433;
	padding: 16px 20px;
	border-radius:10px;
}

#ratio {
	margin-left: 0;
	padding-left: 0;
	line-height: 1.6em;
	-moz-column-count: 1;
	-webkit-column-count: 1;
	-o-column-count: 1;
	-ms-column-count: 1;
	column-count: 1;
	-moz-column-gap: 50px;
	-webkit-column-gap: 50px;
	-o-column-gap: 50px;
	-ms-column-gap: 50px;
	column-gap: 50px;
}

#ratio li {
	border-bottom:dotted 1px #ccc ;
}

@media(min-width: 480px){
	#ratio {
	margin-right: 0;
	line-height: 1.8em;
	-moz-column-count: 1;
	-webkit-column-count: 1;
	-o-column-count: 1;
	-ms-column-count: 1;
	column-count: 1;
	-moz-column-gap: 50px;
	-webkit-column-gap: 50px;
	-o-column-gap: 50px;
	-ms-column-gap: 50px;
	column-gap: 50px;
}
}

@media(min-width: 768px){
	#ratio {
	margin-right: 0;
	line-height: 1.8em;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	-o-column-count: 2;
	-ms-column-count: 2;
	column-count: 2;
	-moz-column-gap: 50px;
	-webkit-column-gap: 50px;
	-o-column-gap: 50px;
	-ms-column-gap: 50px;
	column-gap: 50px;
}
}

@media(min-width: 992px){
	#ratio {
	margin-right: 0;
	line-height: 1.8em;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	-o-column-count: 2;
	-ms-column-count: 2;
	column-count: 2;
	-moz-column-gap: 50px;
	-webkit-column-gap: 50px;
	-o-column-gap: 50px;
	-ms-column-gap: 50px;
	column-gap: 50px;
}
}

@media(min-width: 1200px){
	#ratio {
	margin-right: 0;
	line-height: 1.8em;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	-o-column-count: 3;
	-ms-column-count: 3;
	column-count: 3;
	-moz-column-gap: 50px;
	-webkit-column-gap: 50px;
	-o-column-gap: 50px;
	-ms-column-gap: 50px;
	column-gap: 50px;
}
}

#ratio li {
	margin-left: 30px;
	position: relative;
}

#ratio span {
	position: absolute;
	right: 0;
}

#filter {
	padding: 20px;
	margin:14px 0 16px 0;
	color: #333;
	background-color: #fff;
	border: solid 1px #333;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

#form {
	margin-bottom: 14px;
}

#form form {
	display: inline;
	font-size: 16px;
}

#form input {
	color: #333;
}

#filter ul {
	overflow: hidden;
	margin-right: -12px;
}

#filter li {
	float: left;
}

#filter li a {
	display: block;
	width: 40px;
	height: 40px;
	margin-top: 10px;
	margin-right: 6px;
	background-image: url("../../images/select_thumbnail40.png");
	text-indent: -19999px;
	overflow: hidden;
}

#ryu {
	background-position: 0 0;
}
.current #ryu {
	background-position: -40px 0;
}

#chun {
	background-position: 0 -40px;
}
.current #chun {
	background-position: -40px -40px;
}

#nash {
	background-position: 0 -80px;
}
.current #nash {
	background-position: -40px -80px;
}

#vega {
	background-position: 0 -120px;
}
.current #vega {
	background-position: -40px -120px;
}

#cam {
	background-position: 0 -160px;
}
.current #cam {
	background-position: -40px -160px;
}

#karin {
	background-position: 0 -200px;
}
.current #karin {
	background-position: -40px -200px;
}

#zan {
	background-position: 0 -240px;
}
.current #zan {
	background-position: -40px -240px;
}

#la {
	background-position: 0 -280px;
}
.current #la {
	background-position: -40px -280px;
}

#dha {
	background-position: 0 -320px;
}
.current #dha {
	background-position: -40px -320px;
}

#fan {
	background-position: 0 -360px;
}
.current #fan {
	background-position: -40px -360px;
}

#bir {
	background-position: 0 -400px;
}

.current #bir {
	background-position: -40px -400px;
}

#ken {
	background-position: 0 -440px;
}
.current #ken {
	background-position: -40px -440px;
}

#neca {
	background-position: 0 -480px;
}
.current #neca {
	background-position: -40px -480px;
}

#bal {
	background-position: 0 -520px;
}
.current #bal {
	background-position: -40px -520px;
}

#mika {
	background-position: 0 -560px;
}
.current #mika {
	background-position: -40px -560px;
}

#rashi {
	background-position: 0 -600px;
}
.current #rashi {
	background-position: -40px -600px;
}

#ale {
	background-position: 0 -640px;
}
.current #ale {
	background-position: -40px -640px;
}

#gui {
	background-position: 0 -680px;
}
.current #gui {
	background-position: -40px -680px;
}

#ibu {
	background-position: 0 -720px;
}
.current #ibu {
	background-position: -40px -720px;
}

#bi {
	background-position: 0 -760px;
}
.current #bi {
	background-position: -40px -760px;
}

#juri {
	background-position: 0 -800px;
}
.current #juri {
	background-position: -40px -800px;
}

#gou {
	background-position: 0 -840px;
}
.current #gou {
	background-position: -40px -840px;
}

#uri {
	background-position: 0 -880px;
}
.current #uri {
	background-position: -40px -880px;
}

#ko {
	background-position: 0 -920px;
}
.current #ko {
	background-position: -40px -920px;
}

#ed {
	background-position: 0 -960px;
}
.current #ed {
	background-position: -40px -960px;
}

#abi {
	background-position: 0 -1000px;
}
.current #abi {
	background-position: -40px -1000px;
}

#mena {
	background-position: 0 -1040px;
}
.current #mena {
	background-position: -40px -1040px;
}

#zeku {
	background-position: 0 -1080px;
}
.current #zeku {
	background-position: -40px -1080px;
}
/*
#uk1 {
	background-position: 0 -1120px;
}
.current #uk1 {
	background-position: -40px -1120px;
}*/

#ran {
	background-position: 0 -1160px;
}
.current #ran {
	background-position: -40px -1160px;
}

#all {
	background-position: 0 -1200px;
}
.current #all {
	background-position: -40px -1200px;
}

@media(min-width: 768px){

	#filter li a {
	margin-right: 16px;
	}
}

@media(min-width: 992px){
	#filter li a {
	margin-right: 16px;
	width: 60px;
	height: 60px;
	background-image: url("../../images/select_thumbnail60.png");
	}
	li a#bir, li a#uri {
	margin-right: 0;
	}
	#ryu {
	background-position: 0 0;
	}
	.current #ryu {
		background-position: -60px 0;
	}

	#chun {
		background-position: 0 -60px;
	}
	.current #chun {
		background-position: -60px -60px;
	}

	#nash {
		background-position: 0 -120px;
	}
	.current #nash {
		background-position: -60px -120px;
	}

	#vega {
		background-position: 0 -180px;
	}
	.current #vega {
		background-position: -60px -180px;
	}

	#cam {
		background-position: 0 -240px;
	}
	.current #cam {
		background-position: -60px -240px;
	}

	#karin {
		background-position: 0 -300px;
	}
	.current #karin {
		background-position: -60px -300px;
	}

	#zan {
		background-position: 0 -360px;
	}
	.current #zan {
		background-position: -60px -360px;
	}

	#la {
		background-position: 0 -420px;
	}
	.current #la {
		background-position: -60px -420px;
	}

	#dha {
		background-position: 0 -480px;
	}
	.current #dha {
		background-position: -60px -480px;
	}

	#fan {
		background-position: 0 -540px;
	}
	.current #fan {
		background-position: -60px -540px;
	}

	#bir {
		background-position: 0 -600px;
	}

	.current #bir {
		background-position: -60px -600px;
	}

	#ken {
		background-position: 0 -660px;
	}
	.current #ken {
		background-position: -60px -660px;
	}

	#neca {
		background-position: 0 -720px;
	}
	.current #neca {
		background-position: -60px -720px;
	}

	#bal {
		background-position: 0 -780px;
	}
	.current #bal {
		background-position: -60px -780px;
	}

	#mika {
		background-position: 0 -840px;
	}
	.current #mika {
		background-position: -60px -840px;
	}

	#rashi {
		background-position: 0 -900px;
	}
	.current #rashi {
		background-position: -60px -900px;
	}

	#ale {
		background-position: 0 -960px;
	}
	.current #ale {
		background-position: -60px -960px;
	}

	#gui {
		background-position: 0 -1020px;
	}
	.current #gui {
		background-position: -60px -1020px;
	}

	#ibu {
		background-position: 0 -1080px;
	}
	.current #ibu {
		background-position: -60px -1080px;
	}

	#bi {
		background-position: 0 -1140px;
	}
	.current #bi {
		background-position: -60px -1140px;
	}

	#juri {
		background-position: 0 -1200px;
	}
	.current #juri {
		background-position: -60px -1200px;
	}

	#gou {
		background-position: 0 -1260px;
	}
	.current #gou {
		background-position: -60px -1260px;
	}

	#uri {
		background-position: 0 -1320px;
	}
	.current #uri {
		background-position: -60px -1320px;
	}

	#ko {
		background-position: 0 -1380px;
	}
	.current #ko {
		background-position: -60px -1380px;
	}

	#ed {
		background-position: 0 -1440px;
	}
	.current #ed {
		background-position: -60px -1440px;
	}

	#abi {
		background-position: 0 -1500px;
	}
	.current #abi {
		background-position: -60px -1500px;
	}

	#mena {
		background-position: 0 -1560px;
	}
	.current #mena {
		background-position: -60px -1560px;
	}

	#zeku {
		background-position: 0 -1620px;
	}
	.current #zeku {
		background-position: -60px -1620px;
	}
	/*
	#uk1 {
		background-position: 0 -1680px;
	}
	.current #uk1 {
		background-position: -60px -1680px;
	}*/

	#ran {
		background-position: 0 -1740px;
	}
	.current #ran {
		background-position: -60px -1740px;
	}

	#all {
		background-position: 0 -1800px;
	}
	.current #all {
		background-position: -60px -1800px;
	}

}

@media(min-width: 1200px){
	#filter li a {
	margin-right: 12px;
	width: 80px;
	height: 80px;
	background-image: url("../../images/select_thumbnail80.png");
	}
	li a#bir, li a#uri {
	margin-right: 0;
	}
	#ryu {
	background-position: 0 0;
	}
	.current #ryu {
		background-position: -80px 0;
	}

	#chun {
		background-position: 0 -80px;
	}
	.current #chun {
		background-position: -80px -80px;
	}

	#nash {
		background-position: 0 -160px;
	}
	.current #nash {
		background-position: -80px -160px;
	}

	#vega {
		background-position: 0 -240px;
	}
	.current #vega {
		background-position: -80px -240px;
	}

	#cam {
		background-position: 0 -320px;
	}
	.current #cam {
		background-position: -80px -320px;
	}

	#karin {
		background-position: 0 -400px;
	}
	.current #karin {
		background-position: -80px -400px;
	}

	#zan {
		background-position: 0 -480px;
	}
	.current #zan {
		background-position: -80px -480px;
	}

	#la {
		background-position: 0 -560px;
	}
	.current #la {
		background-position: -80px -560px;
	}

	#dha {
		background-position: 0 -640px;
	}
	.current #dha {
		background-position: -80px -640px;
	}

	#fan {
		background-position: 0 -720px;
	}
	.current #fan {
		background-position: -80px -720px;
	}

	#bir {
		background-position: 0 -800px;
	}

	.current #bir {
		background-position: -80px -800px;
	}

	#ken {
		background-position: 0 -880px;
	}
	.current #ken {
		background-position: -80px -880px;
	}

	#neca {
		background-position: 0 -960px;
	}
	.current #neca {
		background-position: -80px -960px;
	}

	#bal {
		background-position: 0 -1040px;
	}
	.current #bal {
		background-position: -80px -1040px;
	}

	#mika {
		background-position: 0 -1120px;
	}
	.current #mika {
		background-position: -80px -1120px;
	}

	#rashi {
		background-position: 0 -1200px;
	}
	.current #rashi {
		background-position: -80px -1200px;
	}

	#ale {
		background-position: 0 -1280px;
	}
	.current #ale {
		background-position: -80px -1280px;
	}

	#gui {
		background-position: 0 -1360px;
	}
	.current #gui {
		background-position: -80px -1360px;
	}

	#ibu {
		background-position: 0 -1440px;
	}
	.current #ibu {
		background-position: -80px -1440px;
	}

	#bi {
		background-position: 0 -1520px;
	}
	.current #bi {
		background-position: -80px -1520px;
	}

	#juri {
		background-position: 0 -1600px;
	}
	.current #juri {
		background-position: -80px -1600px;
	}

	#gou {
		background-position: 0 -1680px;
	}
	.current #gou {
		background-position: -80px -1680px;
	}

	#uri {
		background-position: 0 -1760px;
	}
	.current #uri {
		background-position: -80px -1760px;
	}

	#ko {
		background-position: 0 -1840px;
	}
	.current #ko {
		background-position: -80px -1840px;
	}

	#ed {
		background-position: 0 -1920px;
	}
	.current #ed {
		background-position: -80px -1920px;
	}

	#abi {
		background-position: 0 -2000px;
	}
	.current #abi {
		background-position: -80px -2000px;
	}

	#mena {
		background-position: 0 -2080px;
	}
	.current #mena {
		background-position: -80px -2080px;
	}

	#zeku {
		background-position: 0 -2160px;
	}
	.current #zeku {
		background-position: -80px -2160px;
	}
	/*
	#uk1 {
		background-position: 0 -2240px;
	}
	.current #uk1 {
		background-position: -80px -2240px;
	}*/

	#ran {
		background-position: 0 -2320px;
	}
	.current #ran {
		background-position: -80px -2320px;
	}

	#all {
		background-position: 0 -2400px;
	}
	.current #all {
		background-position: -80px -2400px;
	}

}

/*main table*/
.col-sm-6 table {
	width: 100%;
	border-collapse: separate; border-spacing: 0; /*forIE*/
	box-shadow: -3px 3px 10px 1px #ccc;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius: 5px;
	margin-bottom: 30px;
	overflow: hidden;
}

.col-sm-6 tr:nth-child(odd) {
	background-color: #fff;
}

.col-sm-6 td {
	line-height: 1em;
}

.col-sm-6 th {
	padding: 4px 5px;
	height: 50px;
	color: #333;
	background-color: #fff;
	border-radius: 5px 5px 0 0;
	font-size: 20px;
	line-height: 1em;
	text-align: center;
	border-bottom: solid 1px #eee;
}

.col-sm-6 td {
	padding-left:48px;
}

.col-sm-6 td.comment {
	padding: 20px;
	line-height: 1.42857143;
	border-top: solid 1px #eee;
	word-break: break-all;
}

.col-sm-6 td.player {
	background: url("../../images/thumbnail.jpg") no-repeat;
	height: 40px;
}

.col-sm-6 td.uk {
	background-position: 0 -1160px;
}
.col-sm-6 td.ryu {
	background-position: 0 0;
}
.col-sm-6 td.chun {
	background-position: 0 -40px;
}
.col-sm-6 td.nash {
	background-position: 0 -80px;
}
.col-sm-6 td.vega {
	background-position: 0 -120px;
}
.col-sm-6 td.cam {
	background-position: 0 -160px;
}
.col-sm-6 td.karin {
	background-position: 0 -200px;
}
.col-sm-6 td.zan {
	background-position: 0 -240px;
}
.col-sm-6 td.la {
	background-position: 0 -280px;
}
.col-sm-6 td.dha {
	background-position: 0 -320px;
}
.col-sm-6 td.fan {
	background-position: 0 -360px;
}
.col-sm-6 td.bir {
		background-position: 0 -400px;
}
.col-sm-6 td.ken {
		background-position: 0 -440px;
}
.col-sm-6 td.neca {
		background-position: 0 -480px;
}
.col-sm-6 td.bal {
		background-position: 0 -520px;
}
.col-sm-6 td.mika {
		background-position: 0 -560px;
}
.col-sm-6 td.rashi {
		background-position: 0 -600px;
}
.col-sm-6 td.ale {
		background-position: 0 -640px;
}
.col-sm-6 td.gui {
		background-position: 0 -680px;
}
.col-sm-6 td.ibu {
		background-position: 0 -720px;
}
.col-sm-6 td.bi {
		background-position: 0 -760px;
}
.col-sm-6 td.juri {
		background-position: 0 -800px;
}
.col-sm-6 td.gou {
		background-position: 0 -840px;
}
.col-sm-6 td.uri {
		background-position: 0 -880px;
}
.col-sm-6 td.ko {
		background-position: 0 -920px;
}
.col-sm-6 td.ed {
		background-position: 0 -960px;
}
.col-sm-6 td.abi {
		background-position: 0 -1000px;
}
.col-sm-6 td.mena {
		background-position: 0 -1040px;
}
.col-sm-6 td.zeku {
		background-position: 0 -1080px;
}
/*
.col-sm-6 td.uk1 {
		background-position: 0 -1120px;
}*/
.col-sm-6 td.ran {
		background-position: 0 -1160px;
}

/*footer*/

footer {
	margin-top: 120px;
	text-align: center;
	position: relative;
}

/*.wrapper > .gototop*/
.gototop {
	margin-right: 30px;
	margin-bottom: 40px;
	background: url(../../images/gototop.png);
	background-position: 0 0;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 0; /*rotateアニメーション用に初期値0*/
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation: dj 1s step-end infinite;
	animation: dj 1s step-end infinite;
}

@-webkit-keyframes dj {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: -120px 0;
	}
	100% {
		background-position: 0 0;
	}
}
@keyframes dj {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: -120px 0;
	}
	100% {
		background-position: 0 0;
	}
}

@-webkit-keyframes jump {
	0% {
		background-position: -240px 0;
	}
	100% {
		background-position: 0 -120px;
	}
}
@keyframes jump {
	0% {
		background-position: -240px 0;
	}
	100% {
		background-position: 0 -120px;
	}
}

@-webkit-keyframes down {
	0% {
		background-position: -120px -120px;
	}
	2% {
		background-position: -240px -120px;
	}
	4% {
		background-position: -120px -120px;
	}
	6% {
		background-position: -240px -120px;
	}
	8% {
		background-position: -120px -120px;
	}
	10% {
		background-position: -240px -120px;
	}
	12% {
		background-position: -120px -120px;
	}
	14% {
		background-position: -240px -120px;
	}
	32% {
		background-position: 0 -240px;
	}
}
@keyframes down {
	0% {
		background-position: -120px -120px;
	}
	2% {
		background-position: -240px -120px;
	}
	4% {
		background-position: -120px -120px;
	}
	6% {
		background-position: -240px -120px;
	}
	8% {
		background-position: -120px -120px;
	}
	10% {
		background-position: -240px -120px;
	}
	12% {
		background-position: -120px -120px;
	}
	14% {
		background-position: -240px -120px;
	}
	32% {
		background-position: 0 -240px;
	}
	100% {
		background-position: 0 -240px;
	}
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
  }
  40%, 43% {
    -webkit--webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0,-4px,0);
  }
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transform: translate3d(0,0,0);
  }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0,-4px,0);
  }
}

@-webkit-keyframes recovery { /*ダウン回復*/
	0% {
		background-position: 0 -240px;
		height: 120px;
	}
	70% {
		background-position: 0 -240px;
		height: 120px;
	}
	72% {
		background-position: -240px 0;
		height: 120px;
	}
	74% {
		background-position: 0 -240px;
		height: 120px;
	}
	76% {
		background-position: -240px 0;
		height: 120px;
	}
	78% {
		background-position: 0 -240px;
		height: 120px;
	}
	80% {
		background-position: -240px 0;
		height: 120px;
	}
	82% {
		background-position: 0 -240px;
		height: 120px;
	}
	88% {
		background-position: -240px 0;
		height: 120px;
	}
	89% {
		background-position: 0 -240px;
		height: 120px;
	}
	90% {
		background-position: -240px 0;
		height: 120px;
	}
	91% {
		background-position: 0 -240px;
		height: 120px;
	}
	92% {
		background-position: -240px 0;
		height: 120px;
	}
	100% {
		background-position: -420px 0;
		height: 200px;
	}
}
@keyframes recovery { /*ダウン回復*/
	0% {
		background-position: 0 -240px;
		height: 120px;
	}
	70% {
		background-position: 0 -240px;
		height: 120px;
	}
	72% {
		background-position: -240px 0;
		height: 120px;
	}
	74% {
		background-position: 0 -240px;
		height: 120px;
	}
	76% {
		background-position: -240px 0;
		height: 120px;
	}
	78% {
		background-position: 0 -240px;
		height: 120px;
	}
	80% {
		background-position: -240px 0;
		height: 120px;
	}
	82% {
		background-position: 0 -240px;
		height: 120px;
	}
	88% {
		background-position: -240px 0;
		height: 120px;
	}
	89% {
		background-position: 0 -240px;
		height: 120px;
	}
	90% {
		background-position: -240px 0;
		height: 120px;
	}
	91% {
		background-position: 0 -240px;
		height: 120px;
	}
	92% {
		background-position: -240px 0;
		height: 120px;
	}
	100% {
		background-position: -420px 0;
		height: 200px;
	}
}


.gototop_hover:hover {
	-webkit-animation: shakin .1s  infinite, dj .3s step-end infinite;
	animation: shakin .1s  infinite, dj .3s step-end infinite;
}

@-webkit-keyframes shakin {
    0% {-webkit-transform: translate(0px, 0px) rotateZ(0deg)}
    25% {-webkit-transform: translate(6px, 6px) rotateZ(4deg)}
    50% {-webkit-transform: translate(0px, 6px) rotateZ(0deg)}
    75% {-webkit-transform: translate(6px, 0px) rotateZ(-4deg)}
    100% {-webkit-transform: translate(0px, 0px) rotateZ(0deg)}
}
@keyframes shakin {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(6px, 6px) rotateZ(4deg)}
    50% {transform: translate(0px, 6px) rotateZ(0deg)}
    75% {transform: translate(6px, 0px) rotateZ(-4deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}

.gototop:before { /*Tokido*/
	content: "";
	display: block;
	visibility: hidden; /*デフォルト非表示*/
	width: 120px;
	height: 120px;
	margin-left: 50px;
	background-image: url(../../images/gototop.png);
	background-position: -120px -240px;
	position: absolute;
	top: -120px;
	z-index: 1;
}

.tokido:before {
	visibility: visible;
	-webkit-animation: fadeIn_tokido 6.5s .5s both, saltokido .3s 1s step-end infinite;
	animation: fadeIn_tokido 6.5s .5s both, saltokido .3s 1s step-end infinite;
}

@-webkit-keyframes fadeIn_tokido {
	0% {opacity: 0;}
	18% {opacity: 1;}
	77% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes fadeIn_tokido {
	0% {opacity: 0;}
	18% {opacity: 1;}
	77% {opacity: 1;}
	100% {opacity: 0;}
}

@-webkit-keyframes saltokido {
	0% {background-position: -120px -240px;}
	50% {background-position: -240px -240px;}
	100% {background-position: -120px -240px;}
}
@keyframes saltokido {
	0% {background-position: -120px -240px;}
	50% {background-position: -240px -240px;}
	100% {background-position: -120px -240px;}
}

.gototop:after { /*salt*/
	content: "";
	display: block;
	visibility: hidden; /*デフォルト非表示*/
	opacity: .7;
	width: 60px;
	height: 145px;
	margin-left: 50px;
	background-image: url(../../images/gototop.png);
	background-position: -360px 0;
	position: absolute;
	top: -60px;
	z-index: 3;
}

.salt:after {
	visibility: visible;
	-webkit-animation: fadeIn_salt 5s 2s both, salt 5s 2s both linear;
	animation: fadeIn_salt 5s 2s both, salt 5s 2s both linear;
}

@-webkit-keyframes fadeIn_salt {
	0% {opacity: 0;}
	20% {opacity: 1;}
	70% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes fadeIn_salt {
	0% {opacity: 0;}
	20% {opacity: 1;}
	70% {opacity: 1;}
	100% {opacity: 0;}
}

@-webkit-keyframes salt {
	0% {background-position: -360px -360px;}
	100% {background-position: -360px 360px;}
}
@keyframes salt {
	0% {background-position: -360px -360px;}
	100% {background-position: -360px 360px;}
}

.gototop > a {
	display: block;
	width: 120px;
	height: 120px;
	text-indent: 100%;
  	white-space: nowrap;
  	overflow: hidden;
}
.gototop a:hover{
	color: #333;
}

.gototop a:hover {
	text-decoration: none;
}

.copyright {
	margin: 0;
	padding: 10px;
}

#magosan {
	background-image: none!important;
}
.magosan {
	display: none;
	text-align: center;
	margin: 30px 0;
}
.magosan img {
	max-width: 100%;
}