* {
  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%; }
#contents {
  margin: 0 !important;
  padding-top: 40px;
  padding-bottom: 48px;
  width: 100%;
  height: 100%; }
@media screen and (min-width: 1600px){
	#contents {
	  padding-top: 50px; }
}
#quiz {
  width: 1140px;
  margin: 0 auto; }

#preload {
  overflow: hidden;
  width: 1px;
  height: 1px; }

#anime_block {
  width: 1140px;
  min-height: 720px;
  margin-bottom: 10px;
  background: #fff url(../../images/bg_inside.jpg) top center no-repeat;
 background-size: 100% auto;
  position: relative; }
#anime_block:before{
    position: absolute;
    content:"";
    background-image: url(../../images/tb-line.jpg);
    background-repeat: repeat-x;
    background-size: auto 100%;
    top:-20px;
    left:0;
    width:100%;
    height:20px;
}
#anime_block:after{
    position: absolute;
    content:"";
    background-image: url(../../images/tb-line.jpg);
    background-repeat: repeat-x;
    background-size: auto 100%;
    bottom:-20px;
    left:0;
    width:100%;
    height:20px;
}
.scene_obj_wrap2{
  	width: 1140px;
  	min-height: 720px;
    background: url(../../images/tatami.jpg) bottom center no-repeat;
    background-size: 100% auto;
    height:100%;
}
/*ローディング画面*/
  #anime_block .loading {
    z-index: 2;
    width: 1140px;
  min-height: 720px; }
    #anime_block .loading .loading_img {
      position: absolute;
    width: 1140px;
  min-height: 720px;
      background: url(../../images/loading_img.gif) center center no-repeat; }
  #anime_block #preload {
    width: 0px;
    height: 0px;
    overflow: hidden; }
  #anime_block .close_btn {
    position: absolute;
    right: -25px;
    top: -30px;
    z-index: 9999;
    display: block;
    width: 80px;
    height: 80px; }
	#anime_block .shiori_bnr{
    	position: absolute;
    	top: -35px;
		left:0;
	}
/*基本設定*/
  #anime_block .scene {
    position: absolute; }
    #anime_block .scene .scene_obj_wrap {
      width: 1140px;
      height: 720px;
      position: relative; }
.wrap{
    padding: 12px; 
}
/*スタート画面*/
	#anime_block .scene.start_page{
		  display: none;
	}
    #anime_block .scene.start_page h1, #anime_block .scene.start_page p, #anime_block .scene.start_page div {
      position: absolute; }
	#anime_block .scene.start_page h1{
		width:100%;
		text-align: center;
		top:0px;
	}
	#anime_block .scene.start_page .title-high{
		width:100%;
		text-align: center;
		top:200px;
	}
	#anime_block .scene.start_page .title-high img{
		width:460px;
	}
	#anime_block .page_title_img{
		width:100%;
		text-align: center;
		bottom:25px;
	}
    #anime_block .scene.start_page p {
      left: 691px;
      top: 29px; }
    #anime_block .scene.start_page .start_btn {
	  top:330px;
      left: 50%;
	  margin-left:-198.5px;
      width: 397px;
      height: 81px;
      background: url(../images/page_s_btn.png) no-repeat;
      text-indent: -9999px; }
      #anime_block .scene.start_page .start_btn a {
        display: block;
        height: 100%; }
      #anime_block .scene.start_page .start_btn.push {
        background: url(../images/page_s_btn.png) bottom center no-repeat; }
    #anime_block .scene.start_page .return_btn {
      left: 28px;
	   bottom:35px;
      width: 236px;
      height: 81px;
      background: url(../images/page_r_btn.png) no-repeat;
      text-indent: -9999px; }
      #anime_block .scene.start_page .return_btn a {
        display: block;
        height: 100%; }
      #anime_block .scene.start_page .return_btn.push {
        background: url(../images/page_r_btn.png) bottom center no-repeat; }
	/*問題画面*/
    #anime_block .scene.question_page {
      display: none;
        position: relative;
		}
      #anime_block .scene.question_page h2 {
        position: absolute;
		top:62px;
		left:30px;}
      #anime_block .scene.question_page .bar {
        position: absolute;
		top:0;
		left:0;}
      #anime_block .scene.question_page .progress {
        width: 360px;
        height: 132px;
        position: absolute;
		top:50px;
        right: 50px;
        background: url(../images/page_head_bg-sp.png) no-repeat;
		  background-size: 100% auto; }
        #anime_block .scene.question_page .progress ul {
          position: relative; }
          #anime_block .scene.question_page .progress ul li {
            width: 36px;
            height: 36px;
            position: absolute;
            top: 26px; }
            #anime_block .scene.question_page .progress ul li.no1 {
                left:5.27%;}
            #anime_block .scene.question_page .progress ul li.no2 {
              left:21.94%}
            #anime_block .scene.question_page .progress ul li.no3 {
                left:38.61%;}
            #anime_block .scene.question_page .progress ul li.no4 {
                left:55.27%;}
            #anime_block .scene.question_page .progress ul li.no5 {
               left:71.94%;}
            #anime_block .scene.question_page .progress ul li.no6 {
            	top: 84px;
              left: 15.55%; }
            #anime_block .scene.question_page .progress ul li.no7 {
            	top: 84px;
              left: 32.22%; }
            #anime_block .scene.question_page .progress ul li.no8 {
            	top: 84px;
              left: 48.88%; }
            #anime_block .scene.question_page .progress ul li.no9 {
            	top: 84px;
              left: 65.55%; }
            #anime_block .scene.question_page .progress ul li.no10 {
            	top: 84px;
              left: 82.22%; }
            #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 {
        width: 960px;
        margin-left: 90px; }
      #anime_block .scene.question_page .question .question_txt_box {
        *zoom: 1;
		  padding-top:180px; }
        #anime_block .scene.question_page .question .question_txt_box:after {
          content: "";
          display: block;
          clear: both; }
        #anime_block .scene.question_page .question .question_txt_box div:first-child {
          float: left; }
        #anime_block .scene.question_page .question .question_txt_box div:last-child {
          float: right; }
        /*問題の番号*/
        #anime_block .scene.question_page .question .question_txt_box .mondai-num{
            width:87px;    
        }
		/*問題のテキスト*/
        #anime_block .scene.question_page .question .question_txt_box .txt {
          margin-top: 5px;
          width:584px;  }
		/*問題の画像*/
      #anime_block .scene.question_page .question .img {
        width: 280px;
		  margin-top:20px;
        height: auto;}
		#anime_block .scene.question_page .question .img img{
			display: block;
		}
		/*回答画面*/
		#anime_block .scene.question_page .question div.question_box{
		  position: relative;
		  z-index: 3;
		}
      #anime_block .scene.question_page .question div.question_box .question-dog{
		  position: absolute;
		  bottom:20px;
		  left:0;
		  z-index: 3;
         }
        #anime_block .scene.question_page .question div.question_box.question_box {
          display: none; }
          #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 .q-title{
				margin-top:10px;
			}
          #anime_block .scene.question_page .question div.question_box.question_box .btn123{
			  width: 644px;
			  margin-left:240px;
			}
            #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 {
              margin-bottom:0; }
		/*次の問題へボタン*/
      #anime_block .scene.question_page .question .next_quetion_btn {
		  position: absolute;
		  left:70px;
		  bottom:25px;
        width: 240px;
        height: 60px;
        display: none;
        background: url(../images/page_q_next_btn.png) left top no-repeat; }
        #anime_block .scene.question_page .question .next_quetion_btn a {
          display: block;
          height: 100%;
          text-indent: -9999px; }
        #anime_block .scene.question_page .question .next_quetion_btn.push {
          background: url(../images/page_q_next_btn.png) left bottom no-repeat; }
		/*結果を見るボタン*/
      #anime_block .scene.question_page .question .end_quetion_btn {
        position: absolute;
		  left:70px;
		  bottom:30px;
        width: 240px;
        height: 60px;
        display: none;
        background: url(../images/page_q_end_btn.png) left top no-repeat; }
        #anime_block .scene.question_page .question .end_quetion_btn a {
          display: block;
          height: 100%;
          text-indent: -9999px; }
        #anime_block .scene.question_page .question .end_quetion_btn.push {
          background: url(../images/page_q_end_btn.png) left bottom no-repeat; }
      #anime_block .scene.question_page .question .result_box {
		  position: relative;
		  margin-top:5px;
        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;
			position: absolute;
			top:180px;
			left:47.5px;
		  	width:1045px;
		}
        #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: 0 auto 30px auto;
          width: 595px;
          height: 93px;}
          #anime_block .scene.question_page .question .end_box_clear h4 span {
            position: absolute;
            display: block;
            left: 42%;
            top: 8px;
            width: 89px;
            height: 63px;
            background: url(../images/page_e_txt_collect_count.png) no-repeat; }
          #anime_block .scene.question_page .question .end_box_regret h4 span {
            position: absolute;
            display: block;
            left: 42%;
            top: 8px;
            width: 89px;
            height: 63px;
            background: url(../images/page_e2_txt_collect_count.png) no-repeat; }
          #anime_block .scene.question_page .question .end_box_out h4 span {
            position: absolute;
            display: block;
            left: 42%;
            top: 8px;
            width: 89px;
            height: 63px;
            background: url(../images/page_e3_txt_collect_count.png) no-repeat; }
		/*コメント部分*/
        #anime_block .scene.question_page .question .comment_box {
			display: block;
			width:100%;
		}
		#anime_block .scene.question_page .question .comment_box>*:first-child{
			width:525px;
			display: table-cell;
			vertical-align: middle;
		}
		#anime_block .scene.question_page .question .comment_box>*:last-child{
			width:520px;
			display: table-cell;
			vertical-align: middle;
		}
		#anime_block .scene.question_page .question .clear-img{
			width:492px;
		}
		#anime_block .scene.question_page .question .regret-img{
			width:470px;
			margin:0 auto;
		}
		#anime_block .scene.question_page .question .out-img{
			width:380px;
			margin:0 auto;
		}
	  #anime_block .goto_startpage_btn {
		  margin:30px auto 0 auto;
		  width: 312px;
		  height: 76px;
		  background: url(../images/page_e_btn_goto_top.png) top center no-repeat;
		  text-indent: -9999px; }
		#anime_block .goto_startpage_btn a {
		  display: block;
		  height: 100%; }
		#anime_block .goto_startpage_btn.push {
		  background: url(../images/page_e_btn_goto_top.png) bottom center no-repeat; }
        #anime_block .scene.question_page .question .end_box_clear .download_page_btn {
          width: 420px;
          height: 123px;
		  margin:0 auto;
          text-indent: -9999px;
          background: url(../images/page_e_btn_dl.png) top center no-repeat; }
          #anime_block .scene.question_page .question .end_box_clear .download_page_btn.push {
            background: url(../images/page_e_btn_dl.png) bottom center no-repeat; }
          #anime_block .scene.question_page .question .end_box_clear .download_page_btn a {
            display: block;
            height: 100%; }
	/*ダウンロードページ*/
  #anime_block .download {
    display: none;
    width: 960px;
	margin-left:90px;}
    #anime_block .download div {
      *zoom: 1; }
	#anime_block .download .download_btn_wrap{
		position: relative;
	}
	 #anime_block .download .get_btn {
		position: absolute;
		 left:194px;
		 bottom:20px;
          width: 218px;
          height: 54px;
          text-indent: -9999px;
          background: url(../images/get_btn.png) top center no-repeat; }
          #anime_block .download .get_btn.push {
            background: url(../images/get_btn.png) bottom center no-repeat; }
          #anime_block .download .get_btn a {
            display: block;
            height: 100%; }
	 #anime_block .download .get_btn2 {
		position: absolute;
		 left:586px;
		 bottom:20px;
          width: 218px;
          height: 54px;
          text-indent: -9999px;
          background: url(../images/get_btn.png) top center no-repeat; }
          #anime_block .download .get_btn2.push {
            background: url(../images/get_btn.png) bottom center no-repeat; }
          #anime_block .download .get_btn2 a {
            display: block;
            height: 100%; }
    #anime_block .download .memo {
      margin-top: 10px;
      *zoom: 1; }
      #anime_block .download .memo dl {
        margin: 0; }
      #anime_block .download .memo:after {
        content: "";
        display: block;
        clear: both; }
      #anime_block .download .memo .screen_sarvar_memo {
        float: right; }
    #anime_block .download .goto_startpage_btn {
		position: absolute;
		bottom:50px;
		right:90px;
	}
.btn {
  z-index: 3; }

.shikumi_footer {
  *zoom: 1; }
  .shikumi_footer:after {
    content: "";
    display: block;
    clear: both; }
  .shikumi_footer li.copyright {
    float: left; }
  .shikumi_footer li.logo {
    float: right; }

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