@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 640px) {
/* --------------------------------------------------
 Layout
-------------------------------------------------- */
#wrap{
	width:100%;
}
#side{
	display:none;
}
#wrapper{
	padding-top:0;
	background:none #000;
}
#contents{
	float:none;
	width:100%;
}
#contents .container img{
	width:100%;
	height:auto;
}
.inner{
	display:none;
}
.ml20,.mb45,.mb100,.mb30,.mb55{margin:0;}
/* --------------------------------------------------
 PC_Header
-------------------------------------------------- */
.pc_head{
	display:none;
}
#topheader ul{
	display:none;
}
/* --------------------------------------------------
 SP_Header
-------------------------------------------------- */
#topheader .sp_head{
	display:block;
}
#topheader .sp_head .sp_head_top{
	background:url(../sp_images/top/header_01.jpg) no-repeat 0 -8px;;
	height:40px;
}
.move_txt h2 img{
	display:none;
}
.move_txt h2{
	background:url(../images/top/season.jpg) no-repeat center center;
	width:25%;
	height:46px;
  -webkit-background-size: 160% auto;
       -o-background-size: 160% auto;
          background-size: 160% auto;
	padding:0;
}

.tickercontainer{
	width:75%;
}
ul.newsticker li{
	font-size:100%;
	margin-right:100px;
}
ul.newsticker{
	width:655px;
}
/* --------------------------------------------------
 contents
-------------------------------------------------- */
#topcontentbox{
	width:100%;
  -webkit-background-size: 200% auto;
       -o-background-size: 200% auto;
          background-size: 200% auto;
	background-color:#000;
}
#topcontentbox .inner02{
	padding:10px 0;
}
.left_nav{
	width:100%;
	float:none;
}
.left_nav .entry{
	width:100%;
	height:auto;
	background:url(../sp_images/top/login_bg01.jpg) no-repeat;
  -webkit-background-size: 100% auto;
       -o-background-size: 100% auto;
          background-size: 100% auto;
}
.left_nav .entry:before{
	content:"";
	display:block;
	padding-top:19.375%;
}
.entry_btn{
	display:none;
}
.sp_btn{
	display:block;
	position:absolute;
	width:60%;
	top:14%;
	left:37.5%;
}
.qa_txt{
	display:none;
}
.qa_txt_sp{
	display:block;
	position:absolute;
	top:43%;
	left:5%;
	width:30%;
}
.left_nav .login{
	width:100%;
	height:auto;
	background:url(../sp_images/top/login_bg02.jpg) no-repeat;
  -webkit-background-size: 100% auto;
       -o-background-size: 100% auto;
          background-size: 100% auto;
}
.left_nav .login:before{
	content:"";
	display:block;
	padding-top:25.3125%;
}
.login_btn{
	background:url(../sp_images/top/btn_02.jpg) no-repeat;
	width:41%;
	height:auto;
	top:6%;
	right:3%;
  -webkit-background-size: 100% auto;
       -o-background-size: 100% auto;
          background-size: 100% auto;
	}
.login_btn:before{
	content:"";
	display:block;
	padding-top:43.164%;
}
#slider{
	float:none;
	clear:both;
	width:100%;
	margin:10px auto;
}
#carousel{
	display:none;
}
form input{
	width:30%;
}
.txt_field{
	top:32%;
	left:22%;
}
.pass{
	top:54%;
	left:22%;
}
.pass_txt{
	display:none;
}
.pass_txt_sp{
	display:block;
	position:absolute;
	bottom:8%;
	right:3%;
	width:55%;
}
.next_result img{
	display:none;
}
.next_result{
	width:100%;
	background:url(../images/top/txt_02.jpg) no-repeat center center;
	-webkit-background-size: 155% auto;
       -o-background-size: 155% auto;
          background-size: 155% auto;
}
.next_result:before{
	display:block;
	content:"";
	padding-top:6.473214285714286%;
}

.entry_txt img{
	display:none;
}
.entry_txt{
	background:url(../images/top/txt.jpg) no-repeat center center;
  -webkit-background-size: 130% auto;
       -o-background-size: 130% auto;
          background-size: 130% auto;
	padding:0;
}
.entry_txt:before{
	display:block;
	content:"";
	padding-top:6.473214285714286%;
}
#top-info{
	width:100%;
	padding:0 0 10px 0;
}
.top-info-in{
	width:95%;
	float:none;
	margin:10px auto 20px;
}
.top-frame{
	padding:20px;
	height:100px;
}
.top-frame dt{
	float:none;
	width:auto;
	padding:0;
}
.top-frame dd{
	width:auto;
	float:none;
}
.youtube_area{
	width:100%;
}
.youtube{
	width:100%;
	float:none;
	height:auto;
	padding:0;
	background:none;
}
.youtube p{
	text-align:center;
}
.youtube_area .monky{
	width:80%;
	margin-left:2.5%;
}
.youtube_area iframe{
	width:95%;
	margin:0 auto;
}

.entry_btn04{
	padding:0% 2% 5%;
}
.sp_entry_btn04{
	padding-top:5%;
}
.about_box{
	margin:0;
	padding:0;
}
.about_box ul{
	padding:5px;
}
#contents .container .row{
	padding:2.5%;
	width:95%;
}
#contents .container .main_btn{
	top:60%;
	left:5%;
	width:90%;
}
#contents .container .arrow{
	width:5%;
}
.pointrace{
	padding:2%;
}
#contents .container .pointrace-2 p{
	top:77%;
	left:19%;
	font-size:60%;
}
#contents .container .pointrace-3 p{
	top:68%;
	left:19%;
	font-size:60%;
}
#contents .container .pointrace-4 p,#contents .container .pointrace-5 p{
	top:60%;
	left:38%;
	font-size:50%;
	line-height:100%;
}
#contents .container .pointrace-6 p{
	top:70%;
	left:36%;
	font-size:60%;
	line-height:100%;
}
.example01{
	width:64%;
}
.example02{
	width:32%;
}
.entry_btn02,.entry_btn03{
	height:auto;
}
.entry_btn02 a img,.entry_btn03 a img{
	position:relative;
	left:0;
	top:0;
	margin-top:-5%;
}
.section01{
	padding:2%;
}
#result{
	width:100%;
}
#result .result_table{
	padding:0 5%;
	width:90%;
}
#result .result_btn{
	padding:0 5%;
}
.mr10{
	margin-right:0;
}
#contents .container #result h2 img{
	width:50%;
}
.result-navi li{
	width:20%;
}
#QA #wrapper{
	background:none #000;
}
.q-ttl{
	background-image:none;
}
#QA #wrapper .quest{
	padding:2.5%;
}
#QA .inner_cont{
	padding:0;
}
.entry_box{
	padding:5%;
}
.mb80{
	margin-bottom:0;
}
.entry-cap{
	background:none;
	height:auto;
	border:1px solid #ef880f;
	padding:2%;
}
/* --------------------------------------------------
 game
-------------------------------------------------- */
#game-bg{
	margin:0;
}
#game{
	width:95%;
	margin-left:auto;
	margin-right:auto;
	padding:5% 0;
}
.game-inputbox{
	padding:0;
}
.game-inputbox-in{
	width:auto;
	margin:0;
}
.game-inputbtn01{
	padding:5%;
	height:auto;
	width:90%;
}
.t-m{
	padding:5%;
}
#game-confirm{
	width:auto;
	height:auto;
	padding:8%;
	background-size:100%;
}
.pt100{
	padding-top:0;
}
.game-confirm-in{
	width:auto;
	margin:0;
	padding:0;
}
.game-inputbtn02{
	width:auto;
	height:auto;
	margin:0 0 5% 0;
	background-size:100%;
}
.game-inputbtn02-in{
	width:auto;
	margin:0;
	padding:2%;
}
.game-tbl{
	width:100%;
}
.game-tbl th{
	padding:1%;
	width:37%;
}
.game-tbl td{
	padding:1%;
}
.game-btn{
	width:100%;
	margin:2% 0;
}
.game-btn li{
	margin:0 2% 0 0;
	width:15%;
}
.game-win{
	width:auto;
	margin:0 10%;
}
.game-win-btn{
	width:auto;
	height:auto;
	background-size:100%;
}
/* --------------------------------------------------
 burger_menu
-------------------------------------------------- */
.tcon {
  appearance: none;
  border: none;
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  transition: 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 40px;
  background: transparent;
  outline: none; }
  .tcon > * {
    display: block; }
  .tcon:hover, .tcon:focus {
    outline: none; }
  .tcon::-moz-focus-inner {
    border: 0; }

.tcon-menu__lines {
  display: inline-block;
  height: 5.71429px;
  width: 40px;
  border-radius: 2.85714px;
  transition: 0.3s;
  background: black;
  position: relative; }
  .tcon-menu__lines::before, .tcon-menu__lines::after {
    display: inline-block;
    height: 5.71429px;
    width: 40px;
    border-radius: 2.85714px;
    transition: 0.3s;
    background: black;
    content: '';
    position: absolute;
    left: 0;
    -webkit-transform-origin: 2.85714px center;
    transform-origin: 2.85714px center;
    width: 100%; }
  .tcon-menu__lines::before {
    top: 10px; }
  .tcon-menu__lines::after {
    top: -10px; }
  .tcon-transform .tcon-menu__lines {
    -webkit-transform: scale3d(.8, .8, .8);
    transform: scale3d(.8, .8, .8); }

.tcon-menu--xcross {
  width: auto; }
  .tcon-menu--xcross.tcon-transform .tcon-menu__lines {
    background: transparent; }
    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::before, .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
      -webkit-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      top: 0;
      width: 40px; }
    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::before {
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg); }
    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg); }

.tcon-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .tcon-visuallyhidden:active, .tcon-visuallyhidden:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }
/* --------------------------------------------------
 Footer
-------------------------------------------------- */
#footer{
	padding:0;
}
#footer .footerbtn{
	width:25%;
	padding:2.5%;
}
#footer .footerbtn ul{
	margin:0;
}
#footer .footerbtn li{
	float:none;
}
.mr7{
	margin:0;
}
#footer .footerbtn li img{
	width:100%;
	height:auto;
}
#footer .footerlink{
	width:65%;
	padding:2.5%;
	font-size:110%;
}
/* --------------------------------------------------
 SNS
-------------------------------------------------- */

/* ------------------------------------------------------------------------------------
 Top-page
------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------
 item-page
------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------
 共通部分
------------------------------------------------------------------------------------ */
.sb-slidebar ul li{
	font-size:160%;
	line-height:187.5%;
	color:#fff;
	border-bottom:1px solid #838383;
}
.sb-slidebar ul li a{
	display:block;
	color:#fff;
	padding-left:1em;
}