* { font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","Lucida Grande",Geneva,Arial,Verdana,sans-serif; }
body {
}
h1, h2, h3, h4, h5, h6, strong, .fbold, .btn {font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:600;}
* {margin:0px;}
#index {margin:0px;}
#big_waku {
	position:absolute;
	top:0px;
	left:0px;
	width : -webkit-calc(100% - 20px) ;
	width : calc(100% - 20px) ;
	min-height:-webkit-calc(100vh - 20px);
	min-height:calc(100vh - 20px);
	border:solid #eee 10px;
	padding:0px;
	z-index:10;
}
.bk {
	position:fixed;
	top:0px;
	left:0px;
	width : -webkit-calc(100%) ;
	width : calc(100%) ;
	min-height:-webkit-calc(100vh);
	min-height:calc(100vh);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	background: -moz-linear-gradient(top, #fff, #ddd);
	background: -ms-linear-gradient(top, #fff, #ddd);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fff', endColorstr='#ddd');
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
}

#bk_dot {
	background-image: url(../admin/images/dot.gif);
	background-repeat: repeat;
	background-size: auto;
	position:fixed;
	top:0px;
	left:0px;
	width : -webkit-calc(100%) ;
	width : calc(100%) ;
	min-height:-webkit-calc(100vh);
	min-height:calc(100vh);
	filter: 				alpha(opacity=10);
    -moz-opacity:			0.1;
    opacity:				0.1;
}
.submitbtn {
	margin-top:40px;
	border-radius: 5px 5px 5px 5px;
	width:200px;
	font-size:20px;
	border:solid #BBFFFF 1px;
	color:#BBFFFF;
	background-color:rgba(255,255,255,0.1);
	cursor:pointer;
}
.submitbtn:hover {
	background-color:rgba(255,255,255,0.4);
}
.baseTable{
	border-top:solid #666 1px;
	border-collapse:collapse;
	margin-bottom:10px;
	max-width:90%;
	font-size:100%;
}

.baseTable caption{
	text-align:left;
}

.baseTable th,
.baseTable td{
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	vertical-align:top;
	padding:2px 5px;
	font-weight:400;
	text-align:left;
}
#primary {
	margin-top:calc(50vh - 200px);
	background-color:rgba(0,0,0,0.4);
	box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
	width:620px;
	padding-top:50px;
	padding-bottom:50px;
	color:#fff;
}
#primary h1 {
	color:#fff;
	text-shadow: 0px 0px 5px #000;
}
#logintable {
	margin-top:40px;
	font-size:13px;
}
.inputarea {width:200px;}

/* 768px以上 ipad */
@media screen and (max-width: 1027px) {
}
/* iPhone6+ 414px */
@media screen and (max-width: 767px) {
	#big_waku {
		width : 100%;
		border:solid #eee 0px;
	}
	#container {width:100%;}
	#primary {
		margin-top:0px;
		padding-top:0px;
		padding-bottom:0px;
		width:100%;
	}
	#primary h1 {
		font-size:20px;
		margin-top:3px;
		margin-bottom:3px;
	}
}
/* iPhone6 375px以下 */
@media screen and (max-width: 400px) {
}
/* iPhone5 320px以下 */
@media screen and (max-width: 320px) {

}


/*コンテンツ用*/
#primary {margin-top:20px;padding-top:20px;position:relative;}
.qr_box {width:260px;display: inline-block;text-align:center;}
.qr_box2 {width:100%;display: block;text-align:center;}
.qr {
	cursor:pointer;
	border-radius: 15px 15px 15px 15px;
	background-color:#fff;
	width:240px;height:240px;
	margin-left:10px;
	position:relative;
	margin-bottom:30px;
	line-height:240px;
	font-size:20px;
	font-weight:bold;
	color:#000;
}
.qr2 {
	cursor:pointer;
	border-radius: 15px 15px 15px 15px;
	background-color:#fff;
	width:500px;
	height:120px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	line-height:120px;
	font-size:20px;
	font-weight:bold;
	color:#000;
}

.beginner_col_bk {background-color:#fbe5a3;}
.nomal_col_bk {background-color:#f2cca2;}
.expert_col_bk {background-color:#a9c2f0;}
.private_key_col_bk {background-color:#bdd5ac;}
.present_col_bk {background-color:#df9d9b;}
.game_col_bk {background-color:#cea8bc;}
.contact_col_bk {background-color:#cea8bc;}

.bitcoin {width:240px;height:240px;position:absolute;/*opacity:0.5;*/}
.qr_b {color:#000;position:absolute;background-color:#fff;border:solid #c00000 0px;}
#lng {
	position:absolute;
	right:5px;
	top:5px;
}
#ex {
	position:absolute;
	right:90px;
	top:5px;
	width: 80px;
	height: 20px;
	line-height: 20px;
	border-radius: 5px 5px 5px 5px;
	font-size: 14px;
	border: solid #BBFFFF 1px;
	color: #BBFFFF;
	background-color: rgba(255,255,255,0.1);
	cursor: pointer;
}
.bl {background-color:#333;float:left;font-size:4px;}
.wh {background-color:#fcc;float:left;font-size:4px;}
#errmsg {color:#fcf;}
.b_smp {display:none;}
.b_pc {display:block;}
.i_smp {display:none;}
.i_pc {display:inline;}
#footer p{
	color:#fff;
	font-size:11px;
}
#primary a {
	color:#BFF;
}
#primary a:hover {
	color:#fFF;
}

/* 700px */
@media screen and (max-width: 700px) {
.b_smp {display:block;}
.b_pc {display:none;}
.i_smp {display:inline;}
.i_pc {display:none;}
}


/* ここからボタン効果 */
/* Mixins */
/* bg shortcodes */
.bg-gradient1 span,
.bg-gradient1:before {
  background: #52A0FD;
  background: linear-gradient(to right, #52A0FD 0%, #00e2fa 80%, #00e2fa 100%);
}

.bg-gradient2 span,
.bg-gradient2:before {
  background: #44ea76;
  background: linear-gradient(to right, #44ea76 0%, #39fad7 80%, #39fad7 100%);
}

.bg-gradient3 span,
.bg-gradient3:before {
  background: #fa6c9f;
  background: linear-gradient(to right, #fa6c9f 0%, #ffe140 80%, #ffe140 100%);
}


.bg-gradient01 span,
.bg-gradient01:before {
  background: #FFDE8A;
  background: linear-gradient(to right, #FFDE8A 0%, #FCF68B 80%, #FCF68B 100%);
}
.bg-gradient02 span,
.bg-gradient02:before {
  background: #FFC78F;
  background: linear-gradient(to right, #FFC78F 0%, #FFE79C 80%, #FFE79C 100%);
}
.bg-gradient03 span,
.bg-gradient03:before {
  background: #FFABAB;
  background: linear-gradient(to right, #FFABAB 0%, #FFCFCF 80%, #FFCFCF 100%);
}
.bg-gradient04 span,
.bg-gradient04:before {
  background: #BDF490;
  background: linear-gradient(to right, #BDF490 0%, #E2FFC7 80%, #E2FFC7 100%);
}
.bg-gradient05 span,
.bg-gradient05:before {
  background: #A7C8FC;
  background: linear-gradient(to right, #A7C8FC 0%, #CFE3FF 80%, #CFE3FF 100%);
}
.bg-gradient06 span,
.bg-gradient06:before {
  background: #FC9FD4;
  background: linear-gradient(to right, #FC9FD4 0%, #FFCAEB 80%, #FFCAEB 100%);
}
.bg-gradient07 span,
.bg-gradient07:before {
  background: #FC8181;
  background: linear-gradient(to right, #FC8181 0%, #FFB8C9 80%, #FFB8C9 100%);
}
/* General */
.fbwrapper {
  margin: 5% auto;
  text-align: center;
  -webkit-transform-style: perserve-3d;
          transform-style: perserve-3d;
  perspecive: 800px;
}

/* fancy Button */
.fancy-button {
	cursor:pointer;
  display: inline-block;
  
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  font-size: 20px;
  letter-spacing: 0.03em;
  /*text-transform: uppercase;*/
  color: #000;
  position: relative;
}
.fancy-button:before {
  content: '';
  display: inline-block;
  height: 40px;
  position: absolute;
  bottom: -5px;
  left: 30px;
  right: 30px;
  z-index: -1;
  border-radius: 30em;
  -webkit-filter: blur(20px) brightness(0.95);
          filter: blur(20px) brightness(0.95);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: all 0.3s ease-out;
}
.fancy-button span {
  display: inline-block;
  border-radius: 15px;
  position: relative;
  z-index: 2;
  will-change: transform, filter;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: all 0.3s ease-out;
}
.fbs span {width:200px;height:200px;line-height:200px;}
.fbsw span {width:460px;min-height:100px;line-height:120px;}
.fbsw .lh1{font-size:20px;line-height:120px;padding-left:20px;padding-right:20px;}
.fbsw .lh2{font-size:20px;line-height:24px;margin-top:24px;padding-left:20px;padding-right:20px;}
.fbsw p {font-size:14px;margin:0px;}

.fancy-button:focus, .fancy-button:active {
  color: #ffffff;
}
.fancy-button:hover {
  color: #ffffff;
}
.fancy-button:hover span {
  -webkit-filter: brightness(1.05) contrast(1.05);
          filter: brightness(1.05) contrast(1.05);
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
.fancy-button:hover:before {
  bottom: 0;
  -webkit-filter: blur(10px) brightness(0.95);
          filter: blur(10px) brightness(0.95);
}
.fancy-button.pop-onhover:before {
  opacity: 0;
  bottom: 10px;
}
.fancy-button.pop-onhover:hover:before {
  bottom: -7px;
  opacity: 1;
  -webkit-filter: blur(20px);
          filter: blur(20px);
}
.fancy-button.pop-onhover:hover span {
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
}
.fancy-button.pop-onhover:hover:active span {
  -webkit-filter: brightness(1) contrast(1);
          filter: brightness(1) contrast(1);
  -webkit-transform: scale(1);
          transform: scale(1);
  transition: all 0.15s ease-out;
}
.fancy-button.pop-onhover:hover:active:before {
  bottom: 0;
  -webkit-filter: blur(10px) brightness(0.95);
          filter: blur(10px) brightness(0.95);
  transition: all 0.2s ease-out;
}
/*ここまでボタン効果*/
/*広告の設定*/
#leftad_sky {position:fixed;left:50%;top:30px;margin-left:-450px;}
#rightad_sky {position:fixed;left:50%;top:30px;margin-left:330px;}
#ad_w600 {width:600px;height:120px;margin-bottom:20px;margin-top:20px;position:relative;}
#ad_w600_01 {position:absolute;left:0px;}
#ad_w600_02 {position:absolute;left:0px;display:none;}
.ad_banner {display:none;width:320px;height:100px;margin-bottom:20px;margin-top:20px;position:relative;}
.ad_banner01 {position:absolute;left:0px;}
.ad_banner02 {position:absolute;left:0px;display:none;}
.ad_banner03 {position:absolute;left:0px;display:none;}
.ad_banner04 {position:absolute;left:0px;display:none;}
.ad_banner05 {position:absolute;left:0px;display:none;}
.ad_banner06 {position:absolute;left:0px;display:none;}
.ad_banner07 {position:absolute;left:0px;display:none;}
.ad_banner08 {position:absolute;left:0px;display:none;}
/* 700px */
@media screen and (max-width: 900px) {
#leftad_sky {display:none;}
#rightad_sky {display:none;}
.ad_banner {display:block;}
#ad_w600 {display:none;}
.fbsw span {width:300px;}
.fbsw .lh1{font-size:15px;line-height:24px;margin-top:24px;padding-left:5px;padding-right:5px;}
.fbsw .lh2{font-size:15px;line-height:24px;margin-top:24px;padding-left:5px;padding-right:5px;}
}