@charset "shift_jis";

body{
	/background : url("../pc3.jpg") no-repeat center -72px;
}


.debugTxt{
    position:absolute;
    top:10px;
    right:10px;
    border: 2px solid #005f23;
    color:#005f23;
    font-size:10px;
    line-height:130%;
    padding:5px 5px 3px 5px;
    display:none;
    z-index:1000;
}
/* content */
/*------------------------------*/
#wrap{
    width:100%;
}
#wrap2{
    visibility:hidden;
    z-index:0;   
}
#content{
    width:100%;
	min-width:1150px;
    margin:0 auto;
	font-size:12px;
	line-height:220%;
}
#bg{
    position:absolute;
    width:100%;
    min-width:1150px;
    height:905px;
    padding:0;
    background : url("../img/bg_pc.jpg") no-repeat center top;
    z-index:0;
}
.bg_wrap{
    position:absolute;
    width:1150px;
    height:780px;
}
.bg_wrap div{
    position:absolute;
    display:none;
}
.bg_wrap .bg1{
    display:block;
}
#handenabled{
    position:absolute;
    width:100%;
    height:100%;
    z-index:123;
}
/* style */
/*------------------------------*/
#shindan {
    position:relative;
	width:1160px;
    height:780px;
    margin:16px auto 0px;
}
#shindan .page_mekuri{
    position:absolute;
    right:0px;
    bottom:0px;
    z-index:100;
}
#shindan .s_inner{
	width:1150px;
	height:780px;
	overflow:hidden;
	margin:0 auto;
}
#shindan .s_inner li.list_item{
	position:relative;
	float:left;
	width:1150px;
	height:780px;
    display:none;
}
#shindan .s_inner ul.list_style{
    width:12650px;
	margin-left:0px;
}

/*-- sozai --*/
#shindan .quiz_sozai{
    position:absolute;
    top:22px;
    left:26px;
    display:none;
}
#shindan .quiz_sozai .quiz_logo{
    float:none;
    margin-top:0px;
}
#shindan .quiz_sozai .quiz_sch{
    margin-top:14px;
    width:306px;
    height:36px;
    overflow:hidden;
    background : url("../img/quiz_shc_bg_pc.png") no-repeat left top;
}
#shindan .quiz_sozai .quiz_sch img{
    margin-top:0px;
}


/*-- start --*/
#content .list_top{
}
#content .tit_top{
	text-align:center;
	margin:75px 0 76px;
}
#shindan .text_top{
	text-align:center;
}
#shindan .img_top{
    position:absolute;
    bottom:0px;
    right:78px;
    overflow:hidden; 
    z-index:0;   
}
#shindan .bnr_top{
    position:absolute;
    top:389px;
    left:129px;
    z-index:1;
}
#shindan .bnr_top .bnr_top_s{    
}
#content .btn_start{
    position:relative;
	width:356px;
	margin:90px auto 0;
    z-index:9;
}


/*-- question --*/
#content .question{
	text-align:center;
	margin:0;
}
#content .tit_que_no{
	text-align:center;
	margin:109px 0 24px;
}
#content .text_que{
	text-align:center;
}
#content .tyuui_que{
	text-align:center;
    margin-top:30px;
}
#content .img_que{
	text-align:center;
    margin:0px 0 8px;
}
#content .big_answer .img_que{
    margin-top:17px;
}

#content a.answer .def{
	display:block;
	width:203px;
	height:45px;
	background:url("../img/btn_answer_small_pc.png") no-repeat left top;
	z-index:1;
	text-decoration:none;
    padding:2px;
}
#content .big_answer a.answer .def{
	width:304px;
	background:url("../img/btn_answer_big_pc.png") no-repeat left top;
}
#content ul.sentakushi{
    position:relative;
    width:640px;
	margin:0 auto;
    z-index:10;
}
#content ul.sentakushi li{
	float:left;
	width:203px;
	margin-left:14px;
    margin-bottom:14px;
}
#content .big_answer ul.sentakushi li{
	width:304px;
	margin-left:32px;
}
#content ul.sentakushi li:first-child,
#content ul.sentakushi li.btn4{
    margin-left:0;
}
#content .big_answer ul.sentakushi li.btn3{
    margin-left:0;
}
#content .sentakushi .btn_text{
    float:left;
    margin-left:2px;
}
#content .sentakushi .btn_check{
    float:left;
    width:41px;
    height:41px;
}
#content .sentakushi .btn_check .check_img{
    display:block;
    width:41px;
    height:41px;
    overflow:hidden;
    opacity:0;
    filter: alpha(opacity=0);
}
#content .question .quiz_img{
    position:absolute;
    bottom:0;
    left:35px;
    width:412px;
    height:264px;
    overflow:hidden;
    z-index:0;
}




/*-- result --*/

/*-- loading --*/
#shindan .list_end{
    height:1067px !important;
}
#content .list_end .result_load{
    position:absolute;
    width:200px;
    top:291px;
    left:50%;
    margin-left:-100px;
    text-align:center;
    visibility:hidden;
}
#content .list_end .result_load .loading_anime{
   width:110px;
   height:110px;
   background: url("../img/loading_anime.png") no-repeat left 0px;
   background-size:100% auto;
   margin:27px auto 0;
}


#content .list_end .tit{
    text-align:center;
    margin-top:50px;
}
#content .list_end .sub{
    text-align:center;
    margin:87px;
}
#content .list_end .result_inn{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
}
#content .tit_result{
    position:absolute;
    top:128px;
    left:338px;
}
#content .list_end .stamp_wrap{
    position:absolute;
    top:230px;
    left:320px;
    width:160px;
    z-index:10;
}
#content .list_end .stamp_wrap img{
    width:100%;
    height:auto;
}
#content .list_end .per_wrap{
    position:absolute;
    top:260px;
    left:484px;
    width:260px;
    height:162px;
    overflow:hidden;
}
#content .list_end .per_wrap li{
    height:200px;
}
#content .list_end .per_wrap li img{
    width:100%;
    height:auto;
}
#content .result_img{
    position:absolute;
    bottom:0;
    left:28px;
    width:247px;
    height:299px;
    overflow:hidden;
}
#content  .list_end .result_inn2{
    position:relative;
    top:440px;
}
#content  .list_end .text_comment{
    position:relative;
	width:744px;
	height:186px;
	margin:0 auto;
    text-align:center;
    z-index:0;
}
#shindan .list_end .btn_gazou_dl{
    position:relative;
	width:500px;
	height:96px;
	margin:10px auto 46px;
}
#shindan ul.btns_sns{
    position:relative;
	width:500px;
	height:58px;
	margin:0 auto 0;	
    z-index:10;
}
#shindan ul.btns_sns li{
	float:left;
}
#shindan ul.btns_sns li:first-child{
	margin-right:16px;
}


#shindan ul.btns_style{
	width:744px;
	height:130px;
	margin:30px auto 0;
}
#shindan ul.btns_style li.btn_item{
	float:left;
}
#shindan ul.btns_style .btn_banner{
    box-sizing:border-box;
    border:2px solid #259538;
    background:#fff;
    width:500px;
    margin-left:122px;
}
#shindan ul.btns_style .btn_banner .banner_tt{
    background:#259538;
    color:#fff;
    font-size:14px;
    padding-left:9px;
    font-weight:bold;
    line-height:23px;
    text-align:left;
}
#shindan ul.btns_style .btn_banner .banner_img{
    float:left;
    width:203px;
    margin:0;
}
#shindan ul.btns_style .btn_banner .banner_tight{
    float:left;
    width:292px;
}
#shindan ul.btns_style .btn_banner .pro_txt{
    color:#259538;
    font-size:10px;
    line-height:160%;
    text-align:left;
}
#shindan ul.btns_style .btn_banner .link{
    float:left;
    margin:4px 0 5px;
}
#shindan ul.btns_style .btn_restart{
    margin-left:20px;
}



/*-- form --*/
#shindan .list_form{
    height:1067px !important;
	z-index: 100000;
}

#content .list_form .form_inn{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
}
#content  .list_form .form_inn2{
    position:relative;
    width:440px;
	margin:180px auto 0;
	/background: rgba(255,0,0,0.3);
}
#content .list_form .text_comment{
    text-align:center;
	margin-bottom:60px;
}
#content .list_form .btn_submit{
	width:357px;
	margin:13px auto 0;
}
#content .list_form input[type="text"]{
	box-sizing: border-box;
    border:2px solid #000;
    width:440px;
    height:70px;
    font-size:20px;
    text-indent:15px;
	letter-spacing: 2px;
    background:none;
    -webkit-appearance:none;
}
#content .list_form input[type="text"].form_name{
    color:#7e7e7e;
}
#content .list_form input[type="text"]:focus {
  outline: 0;
  border:2px solid #000;
}
#content .list_form .errorTxt{
	font-size:16px;
	color:#f00;
	margin-top:5px;
	height: 30px;
	text-align: center;
}






@media screen and (max-width: 767px) {
#wrap{
    padding:0;
    overflow-x:hidden;
    overflow:hidden !important;
    background:#fff;
    /background : url("../sp1.jpg") no-repeat center 13.5%;
    /background : url("../sp2.jpg") no-repeat center 36%;
	/background : url("../sp3.jpg") no-repeat center 13.5%;
    /background-size:100% auto;
}

/* content */
/*------------------------------*/
#content{
	width:100%;
    min-width:100%;    
    margin:0;
    height:auto;
}
#bg_sp{
    position:absolute;
    width:100%;
    min-width:100%;
    height:auto;  
    background : url("../img/bg_sp.jpg") no-repeat center top;
    background-size:100% auto;      
}
.bg_wrap{
    position:absolute;
    width:100%;
    height:auto;
    z-index:0; 
}
.bg_wrap div{
    position:absolute;
    width:100%;
    display:none;
}
.bg_wrap .bg1{
    display:block;
}
#shindan .s_inner{    
}

/* style */
/*------------------------------*/
#shindan {
	width:100%;
    height:auto;
    margin:10px auto 0;
}
#shindan .page_mekuri{
    display:none;
}
#shindan .s_inner{
	width:94%;
	height:auto;
}
#shindan .s_inner li.list_item{
	float:left;
	width:100%;
	height:auto;
}
#shindan .s_inner ul.list_style{
    width:650px;
	margin-left:0px;
}

/*-- sozai --*/
#shindan .quiz_sozai{
    position:absolute;
    top:6px;
    left:6%;
    width:88%;
    height:36px;   
}
#shindan .quiz_sozai .quiz_logo{
    float:left;
    margin-top:1.6%;
    width:42.55%;
    height:20px;
}
#shindan .quiz_sozai .quiz_logo img{
    vertical-align:top;
}
#shindan .quiz_sozai .quiz_sch_sp{
    float:right;
    width:48.58%;
    height:32px;
    overflow:hidden;
}
#shindan .quiz_sozai .quiz_sch img{
    margin-top:0px;
}


/*-- start --*/
#content .tit_top{
    width:92%;
    margin:6% auto 6%;
}
#shindan .text_top{
    margin:0 auto;
}
#shindan .img_top{
    width:38.66%;
    top:40.5%;
    right:9%; 
    z-index:0;   
    overflow:hidden;
}
#shindan .img_top .img_top_s{    
}
#shindan .bnr_top{
	position: absolute;
    width:49.33%;
    top:37%;
    left:5.5%; 
    z-index:0;   
    overflow:hidden;
}
#shindan .bnr_top .bnr_top_s{    
}
#content .btn_start{
    position:relative;
	width:85%;
	margin:48% auto 0;
    z-index:1;
}

/*-- question --*/
#content .tit_que_no{
    width:15%;
	margin:15.5% auto 5.2%;
}
#content .text_que{
    width:93%;
    margin:0 auto;
}
#content .tyuui_que{
	text-align:center;
    width:90%;
    margin:2% auto 0;
}
#content .img_que{
    position:relative;
    width:85%;
    margin:0 auto;
    z-index:0;
}
#content .big_answer .img_que{
    margin-top:2%;
}
#content .big_answer .img_que_s2{
    position:absolute;
    width:100%;
    top:0;
    left:0;
}

#content a.answer .def{
	display:block;
	width:100%;
	height:82px;
	background:url("../img/btn_answer_small_sp.png") no-repeat left top;
    background-size:100% auto;
	z-index:1;
    padding:0;
}
#content .big_answer a.answer .def{
	width:100%;
	background:url("../img/btn_answer_big_sp.png") no-repeat left top;
    background-size:100% auto;
}
#content a.answer.act .def{
    background:url("../img/btn_check_small_act.png") no-repeat left top;
    background-size:100% auto;
}
#content .big_answer a.answer .def{
	width:100%;
	background:url("../img/btn_answer_big_sp.png") no-repeat left top;
    background-size:100% auto;
}
#content .big_answer a.answer.act .def{
    background:url("../img/btn_check_big_act.png") no-repeat left top;
    background-size:100% auto;
}
#content ul.sentakushi{
    position:relative;
    width:85%;
	margin:0 auto;
    z-index:1;    
}
#content ul.sentakushi li{
    position:relative;
	float:left;
	width:47%;
	margin-left:6%;
    margin-bottom:3.5%;
}
#content ul.sentakushi li:first-child,
#content ul.sentakushi li.btn3,
#content ul.sentakushi li.btn5{
    margin-left:0;
}
#content ul.sentakushi li.btn4{
    margin-left:6%;
}
#content .big_answer ul.sentakushi li{
	width:100%;
	margin-left:0;
}
#content .sentakushi .btn_text{
    position:absolute;
    float:none;
    width:100%;
    top:0;
    margin-left:0;
}
#content ul.sentakushi li a{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
/*-- loading --*/
#content .list_end {
    height:auto !important;
}
#content .list_end .result_load{
    width:100%;
    top:142.6%;
    left:0;
    margin-left:0;
}
#content .list_end .result_load .load_title{
   width:25%;
   margin:0 auto;
}
#content .list_end .result_load .loading_anime{
   width:108px;
   height:108px;
   margin:9% auto 0;
}


#content .list_end .tit{
    width:22%;
    margin:12.4% auto 0;
}
#content .list_end .sub{
    position:relative;
    height:10px;
    width:85%;
    margin:12% auto 0;
}
#content .list_end .sub img{
    vertical-align:top;
}
#content .list_end .result_inn{
    position:absolute;
    width:100%;
    height:1690px;
    top:0%;
}
#content .tit_result{
    position:absolute;
    top:8%;
    left:12%;
    width:76%;
    height:16px;
}
#content .list_end .stamp_wrap{
    position:absolute;
    top:14.8%;
    left:5.6%;
    width:32%;
    z-index:10;
}
#content .list_end .stamp_wrap img{
    width:100%;
    height:auto;
}
#content .list_end .per_wrap{
    position:absolute;
    top:17%;
    left:39%;
    width:48%;
    height:48%;
    overflow:hidden;
}
#content .list_end .per_wrap li{
    height:50%;
}
#content .list_end .per_wrap li img{
    width:100%;
    height:auto;
}

#content  .list_end .result_inn2{
    position:relative;
    top:0;
    width:85%;
    margin:0 auto;
}
#content  .list_end .text_comment{
    position:relative;
	width:100%;
	height:21%;
	margin:0 auto;
    z-index:0;
}
#shindan .list_end .btn_gazou_dl{
    position:relative;
	width:100%;
	height:20%;
	margin:0 auto;
}
#shindan ul.btns_sns{
    position:relative;
	width:100%;
	margin:7% auto 14%;	
    z-index:10;
}
#shindan ul.btns_sns li{
	float:left;
    width:48%;
}
#shindan ul.btns_sns li:first-child{
	margin-right:4%;
}

#shindan ul.btns_style{
	width:100%;
	height:131px;
	margin:25px auto 0;	
}
#shindan ul.btns_style li.btn_item{
	float:none;
    width:100%;
}
#shindan ul.btns_style .btn_banner{
    box-sizing:border-box;
    border:2px solid #259538;
    background:#fff;
    width:100%;
    margin-left:0;    
}
#shindan ul.btns_style .btn_banner .banner_tt{
    background:#259538;
    color:#fff;
    font-size:10px;
    font-weight:bold;
    line-height:19px;
    text-align:center;
}
#shindan ul.btns_style .btn_banner .banner_img{
    float:none;
    width:56%;
    margin:0 auto;
}
#shindan ul.btns_style .btn_banner .banner_tight{
    float:none;
    width:100%;
}
#shindan ul.btns_style .btn_banner .pro_tit_sp{
    font-size:14px;
    font-weight:bold;
    line-height:160%;
    text-align:center;
}
#shindan ul.btns_style .btn_banner .pro_txt{
    color:#259538;
    font-size:10px;
    line-height:160%;
    text-align:center;
    margin:1% 0 2%;
}
#shindan ul.btns_style .btn_banner .link{
    float:none;    
    width:48.23%;
    margin:1% auto 2%;
}
#shindan ul.btns_style .btn_restart{
    margin-left:0px;
    margin-top:4.5%;
}
	
	
	
/*-- form --*/
#shindan .list_form{
    height:auto !important;
	z-index: 100000;
}
#content .list_form .form_inn{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
}
#content  .list_form .form_inn2{
    position:relative;
    width:85%;
	margin:36% auto 0;
}
#content .list_form .text_comment{
    text-align:center;
	margin-bottom:5%;
}
#content .list_form .btn_submit{
	width:100%;
	margin:24% auto 0;
}
#content .list_form input[type="text"]{
	box-sizing: border-box;
    border:2px solid #000;
    width:100%;
    height:70px;
    font-size:20px;
    text-indent:15px;
	letter-spacing: 2px;
    background:none;
    -webkit-appearance:none;
}
#content .list_form input[type="text"].form_name{
    color:#7e7e7e;
}
input[type="text"]:focus {
  outline: 0;
  border:2px solid #000;
}
#content .list_form .errorTxt{
	font-size:16px;
	color:#f00;
	margin-top: 1%;
	height:14%;
	text-align: center;
}
}

/* parent */
/*------------------------------*/
#parent {
    padding: 0;
    overflow: hidden;
	width:0;
	height:0;
}
#parent div {
    width: 100%;
}
#target2,#output2,#target3,#output3 {
    width: 1920px;
    height: 1200px;
    background: #f2f2f2;
    margin: 0 auto;
    border: 0;
    display: none;
}
#target3,#output3 {
    width: 1080px;
    height: 1920px;
}

#download_IE9{
	width:440px;
	display:none;
	margin:60px auto 0;
	text-align: center;
}
#download_IE9 .img1{
	width:440px;
	margin:0 auto;
}
#download_IE9 img{
	width:100%;
	height:auto;
}
#download_IE9 p{
	font-size:16px;
	margin-top:10px;
}
#download_IE9.active{
	display: block;
}
@media screen and (max-width: 767px) {
#download_IE9{
	width:100%;
	margin:14% auto 0;
}
#download_IE9 .img1{
	width:74%;
}
#download_IE9 p{
	font-size:12px;
	margin-top:10px;
}	
}
/* loading */
/*------------------------------*/
#loader {
    width: 46px;
    height: 49px;
    position: fixed;
    _position: absolute; /* IE6?�΍� */
    top: 50%;
    left: 50%;
    margin-top: -24px;
    margin-left: -23px;
    z-index: 10100;
}
#loader img {
	width:46px;
	height:49px;
}
#fade {
    width: 100%;
    height: 100%;
    display:none;
    background-color: #FFF;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10000;
}