* {
  margin: 0;
  padding: 0; }

ul {
  list-style: none; }

img {
  border: none;
  vertical-align: bottom; }

a {
  border: none; }

body {
  font-size: 10px;
  line-height: 1.6;
  letter-spacing: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }
body {
  background: #d0eeef url(../../images/bg-reki.jpg);
	background-size: 70px 70px;
  height: 100%; }
/*BGMボタン*/
.bgm_btn{
	right:59px;
	top:-25px;
}
/*/BGMボタン*/
#contents {
  margin: 0 !important;
  padding-top: 30px;
  padding-bottom: 30px;
  width: 100%;
  height: 100%; }
#quiz {
  width: 100%;
  padding: 0 15px;
  position: relative;
}
#preload {
  overflow: hidden;
  width: 1px;
  height: 1px; }

#anime_block {
    max-width: 500px;
    height:auto;
	margin-right:auto;
	margin-left:auto;
	background-color: #fff;
  background: #fff url(../../images/bg_inside-sp.jpg) top center no-repeat;
 background-size: 100% auto;
  position: relative; }	
#anime_block:before{
    position: absolute;
    content:"";
    background-image: url(../../images/tb-line-sp.jpg);
    background-repeat: repeat-x;
    background-size: auto 100%;
    top:-10px;
    left:0;
    width:100%;
    height:10px;
}
#anime_block:after{
    position: absolute;
    content:"";
    background-image: url(../../images/tb-line-sp.jpg);
    background-repeat: repeat-x;
    background-size: auto 100%;
    bottom:-10px;
    left:0;
    width:100%;
    height:10px;
}
.scene_obj_wrap2{
    background: url(../../images/tatami-sp.jpg) bottom center no-repeat;
    background-size: 100% auto;
    height:100%;
}
.spwrap{
    padding: 12px; 
}
/*ローディング画面*/
  #anime_block .loading {
        width: 100%;
      height:600px;
    }
  #anime_block .loading .loading_img {
        width: 100%;
      height:100%;
      background-image: url(../../images/loading_img.gif);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 100px 100px;
    }
  #anime_block #preload {
    width: 0px;
    height: 0px;
    overflow: hidden; }
  #anime_block .close_btn {
        width: 60px;
      height:60px;
      position: absolute;
      top:-30px;
      right:-5px;}
	#anime_block .shiori_bnr{
    	position: absolute;
    	top: -7px;
		left:0;
		width:50%;
	}
  #anime_block .scene {
	  width:100%;}
/*スタート画面*/
#anime_block .scene.start_page{
      display: none;
}
#anime_block .scene.start_page .title-low{
    width:90%;
    margin:10px auto 10px auto;
}
	#anime_block .page_title_img{
		margin:0;
	}
	#anime_block .scene.start_page h1{
		max-width: 100%;
		margin:10px auto 0 auto;
	}
    #anime_block .scene.start_page .start_btn {
        width:80%;
		margin:10px auto 10px auto;}
      #anime_block .scene.start_page .start_btn a {
        display: block;
        height: 100%; }
    #anime_block .scene.start_page .return_btn {
        width:50%;
		margin:30px auto 100px auto;}
      #anime_block .scene.start_page .return_btn a {
        display: block;
        height: 100%; }
    #anime_block .scene.question_page {
      display: none;
      /*h1,p,div{
      	position: absolute;
      }*/ }
      #anime_block .scene.question_page h2 {
        margin:5px 10px;
		}
      #anime_block .scene.question_page .progress {
		  margin:0 auto;
		  width: 300px;
        height: 70px;
    	background: url(../images/page_head_bg-sp.png) no-repeat;
		  background-size: contain;}
        #anime_block .scene.question_page .progress ul {
          position: relative; }
          #anime_block .scene.question_page .progress ul li {
            width: 30px;
            height: 30px;
            position: absolute;
            top: 34px; }
            #anime_block .scene.question_page .progress ul li.no1 {
              /*left: 20px;*/
                left:6.7%;}
            #anime_block .scene.question_page .progress ul li.no2 {
              /*left: 76px;*/
              left:25.4%}
            #anime_block .scene.question_page .progress ul li.no3 {
              /*left: 131px;*/
                left:43.7%;}
            #anime_block .scene.question_page .progress ul li.no4 {
              /*left: 187px;*/
                left:62.4%;}
            #anime_block .scene.question_page .progress ul li.no5 {
              /*left: 243px;*/
               left:81%;}
            #anime_block .scene.question_page .progress ul li.no6 {
            	top: 70px; 
              left: 51px; }
            #anime_block .scene.question_page .progress ul li.no7 {
            	top: 70px;
              left: 100px; }
            #anime_block .scene.question_page .progress ul li.no8 {
            	top: 70px;
              left: 151px; }
            #anime_block .scene.question_page .progress ul li.no9 {
            	top: 70px;
              left: 201px; }
            #anime_block .scene.question_page .progress ul li.no10 {
            	top: 70px;
              left: 251px; }
            #anime_block .scene.question_page .progress ul li.O {
              background: url(../images/page_head_obj_reki_o.png) no-repeat;
		 	 background-size: contain; }
            #anime_block .scene.question_page .progress ul li.X {
              background: url(../images/page_head_obj_reki_x.png) no-repeat;
		  		background-size: contain; }
	  /*問題画面*/
      #anime_block .scene.question_page .question .obj_wrap {
		  margin-top:0;
      	width: 100%; }
      #anime_block .scene.question_page .question .question_txt_box {
        *zoom: 1; }
        #anime_block .scene.question_page .question .question_txt_box:after {
          content: "";
          display: block;
          clear: both; }
        /*問題の番号*/
        #anime_block .scene.question_page .question .question_txt_box .mondai-num{
            width:60px;    
        }
		/*問題のテキスト*/
        #anime_block .scene.question_page .question .question_txt_box .txt {
          margin-top: 10px;
        }
		/*問題の画像*/
      #anime_block .scene.question_page .question .img {
        width: 100%;
		margin:20px auto 0 auto;
        height: auto;}
		#anime_block .scene.question_page .question .img img{
			display: block;
		}
		/*回答画面*/
      #anime_block .scene.question_page .question div.question_box {
        position: relative;}
        #anime_block .scene.question_page .question div.question_box.question_box {
          display: none;}
          #anime_block .scene.question_page .question div.question_box.question_box.q123 {
			}
          #anime_block .scene.question_page .question div.question_box .q-title {
			  margin-bottom:5px;
			}
          #anime_block .scene.question_page .question div.question_box.question_box .btn_o, #anime_block .scene.question_page .question div.question_box.question_box .btn_x {
            width: 221px;
            height: 120px;
            position: absolute; }
            #anime_block .scene.question_page .question div.question_box.question_box .btn_o a, #anime_block .scene.question_page .question div.question_box.question_box .btn_x a {
              display: block;
              height: 100%;
              text-indent: -9999px; }
          #anime_block .scene.question_page .question div.question_box.question_box .btn_o {
            left: 68px;
            background: url(../images/page_q_btn_o.png) top center no-repeat; }
            #anime_block .scene.question_page .question div.question_box.question_box .btn_o.push {
              background: url(../images/page_q_btn_o.png) bottom center no-repeat; }
          #anime_block .scene.question_page .question div.question_box.question_box .btn_x {
            right: 68px;
            background: url(../images/page_q_btn_x.png) top center no-repeat; }
            #anime_block .scene.question_page .question div.question_box.question_box .btn_x.push {
              background: url(../images/page_q_btn_x.png) bottom center no-repeat; }
          #anime_block .scene.question_page .question div.question_box.question_box .btn123{
			  padding-bottom:30px;
			}
            #anime_block .scene.question_page .question div.question_box.question_box .btn_1.btn_1, #anime_block .scene.question_page .question div.question_box.question_box .btn_2.btn_1, #anime_block .scene.question_page .question div.question_box.question_box .btn_3.btn_1 {
				margin-bottom:5px; }
            #anime_block .scene.question_page .question div.question_box.question_box .btn_1.btn_2, #anime_block .scene.question_page .question div.question_box.question_box .btn_2.btn_2, #anime_block .scene.question_page .question div.question_box.question_box .btn_3.btn_2 {
				margin-bottom:5px;}
            #anime_block .scene.question_page .question div.question_box.question_box .btn_1.btn_3, #anime_block .scene.question_page .question div.question_box.question_box .btn_2.btn_3, #anime_block .scene.question_page .question div.question_box.question_box .btn_3.btn_3 { }
	/*次の問題ボタン*/
      #anime_block .scene.question_page .question .next_quetion_btn {
		  max-width: 250px;
		margin:10px auto; }
        #anime_block .scene.question_page .question .next_quetion_btn a {
          display: block; }
	/*結果を見るボタン*/
      #anime_block .scene.question_page .question .end_quetion_btn {
		  max-width: 250px;
		margin:10px auto;
        display: none; }
        #anime_block .scene.question_page .question .end_quetion_btn a {
          display: block;}
		/*解説画面*/
      #anime_block .scene.question_page .question .result_box {
        display: none; }
		/*結果画面*/
      #anime_block .scene.question_page .question .end_box_regret,#anime_block .scene.question_page .question .end_box_out,#anime_block .scene.question_page .question .end_box_clear {
        display: none;}
        #anime_block .scene.question_page .question .end_box_regret h4,#anime_block .scene.question_page .question .end_box_out h4,#anime_block .scene.question_page .question .end_box_clear h4 {
          position: relative;
          margin: 20px auto 0 auto;
          width: 320px;
          height: 50px;
		}
          #anime_block .scene.question_page .question .end_box_clear h4 span {
            position: absolute;
            display: block;
            left: 37%;
            top: 6px;
            width: 48px;
            height: 35px;
            background: url(../images/page_e_txt_collect_count-sp.png) no-repeat;
			background-size: 100% auto;
		}
          #anime_block .scene.question_page .question .end_box_regret h4 span {
            position: absolute;
            display: block;
            left: 37%;
            top: 6px;
            width: 48px;
            height: 35px;
            background: url(../images/page_e2_txt_collect_count-sp.png) no-repeat;
			background-size: 100% auto;}
		#anime_block .scene.question_page .question .end_box_out h4 span {
            position: absolute;
            display: block;
            left: 37%;
            top: 6px;
            width: 48px;
            height: 35px;
            background: url(../images/page_e3_txt_collect_count-sp.png) no-repeat;
			background-size: 100% auto;}
		/*コメント部分*/
		#anime_block .scene.question_page .question .clear-img{
			width:100%;
			margin:0 auto;
		}
		#anime_block .scene.question_page .question .regret-img{
			width:100%;
		}
		#anime_block .scene.question_page .question .out-img{
			width:90%;
			margin:10px auto 0 auto;
		}
	  #anime_block .goto_startpage_btn {
       		width:90%;
			margin:30px auto 10px auto;  }
		#anime_block .goto_startpage_btn a {
		  display: block;
		  height: 100%; }
        #anime_block .scene.question_page .question .end_box_clear .download_page_btn {
       		width:100%;
			margin:10px auto 10px auto; }
          #anime_block .scene.question_page .question .end_box_clear .download_page_btn a {
            display: block;
            height: 100%; }
	/*ダウンロードページ*/
  #anime_block .download {
    display: none; }
    #anime_block .download div {
      *zoom: 1; }
	#anime_block .download .download_btn_wrap{
		position: relative;
	}
	 #anime_block .download .get_btn {
		position: absolute;
		 top:36%;
		 left:20%;
         width: 60%;}
     #anime_block .download .get_btn a {
          display: block;
          height: 100%; }
	 #anime_block .download .get_btn2 {
		position: absolute;
		 left:20%;
		 bottom:12px;
         width: 60%;}
     #anime_block .download .get_btn2 a {
          display: block;
          height: 100%; }
    #anime_block .download .memo {
      margin-top: 30px;
      *zoom: 1; }
      #anime_block .download .memo dl {
        margin: 0; }

.btn {
  z-index: 3; }
/* ////////////////////////////////////////
SPのみ(小)
//////////////////////////////////////// */
@media screen and (max-width: 340px){
      #anime_block .scene.question_page .progress {
		  margin:0 auto;
		  width: 260px;
        height: 61px;
    	background: url(../images/page_head_bg-sp.png) no-repeat;
		  background-size: contain; }
        #anime_block .scene.question_page .progress ul {
          position: relative; }
          #anime_block .scene.question_page .progress ul li {
            width: 23px;
            height: 23px;
            position: absolute;
            top: 29px; }
	#anime_block .scene.question_page .question .end_box_regret h4,#anime_block .scene.question_page .question .end_box_out h4,#anime_block .scene.question_page .question .end_box_clear h4 {
          width: 280px;
          height: 44px;
		}
	#anime_block .scene.question_page .question .end_box_regret h4 span,#anime_block .scene.question_page .question .end_box_out h4 span,#anime_block .scene.question_page .question .end_box_clear h4 span{
            left: 36%;
            top: 2px;
	}
}

/*# sourceMappingURL=style.css.map */