@charset "UTF-8";
/*-----------------------------------------------------------------*/	
/*----------------------------------------------------------共通設定*/	
*{box-sizing: border-box;}
#resultWrapper{width:665px;margin:0 auto;padding:10px; font-size:1.2rem; background:url("../_img2/bg.png") ;}

#result{width:100%; margin:277px auto 100px;background:url("../result/_img/result_cmn.png")center top ;background-size:100% auto; position: relative;}

#result:before{content: "";
    position: absolute;left:0;right:0;top:-282px; padding-top:282px;
    background: url("../result/_img/result_top.png") no-repeat center top;  background-size:100% auto;  
}
#result:after{content: "";
    position: absolute;left:0;right:0;bottom:-100px; padding-top:100px;
    background: url("../result/_img/result_btm.png") no-repeat center top;  background-size:100% auto;  
}

.testRead{display:block;width:100%; background-color:#dc0000;color:#fff;text-align:center;padding:15px 0;margin:30px 0;font-size:1.7rem;font-weight:bold;border-radius: 20px;}
.testRead:hover{background-color:#850000;}
.btn1{display:block;width:60%; background-color:#604516;color:#fff;text-align:center;padding:8px 0;margin:20px auto;font-size:1.3rem;font-weight:bold;border-radius: 20px;}
.btn1:hover{background-color:#43300f;width:60%;}

.award{width:561px;margin:0 auto;padding-top:20px;}

dl.happyou .kekkaTitle{font-size: 2.6rem; line-height:1; font-weight:bold;margin-left:-1rem;}
dl.happyou .kekkaTitle span{background:#000;color:#FFF;font-size:1.4rem; padding:4px;margin-left:-0.5rem;}
dl.happyou .kekkaSakka{font-size: 1.8rem; line-height:1; font-weight:bold;}

.souhyou{
border:2px solid #b38739;
padding:0px 10px 0;
margin:30px;
}
.souhyou p{padding:1rem 0.5rem 0.5rem;}

.souhyou h3{
margin-top:10px;
padding:5px 0;
text-align:center;
    color:#FFF;letter-spacing: 0.3rem;font-weight:bold;
    background:#b38739;
font-size:1.3rem;
}

.red{font-size:1.2rem; 
background:#000;color:#FFF;letter-spacing: 0.2rem;font-weight:bold;;padding:3px 6px;margin:5px 0 10px;display: inline-block;
}


@media screen and (max-width: 667px) {

.testRead{padding:12px 0;margin:5vw 0;font-size:1.4rem;font-weight:bold;border-radius: 20px;}
.btn1{display:block;width:60%; background-color:#604516;color:#fff;text-align:center;padding:8px 0;margin:4vw auto;font-size:1.1rem;font-weight:bold;border-radius: 20px;}
.btn1:hover{background-color:#43300f;width:60%;}

  img{width:100%;}
#resultWrapper{width:100%;}
  #result{width:100%;margin:0 auto;font-size:1.1rem;}

dl.happyou .kekkaTitle{font-size: 2.2rem;}
dl.happyou .kekkaTitle span{font-size:1.1rem;}
dl.happyou .kekkaSakka{font-size: 1.5rem;}

#result{margin:41vw auto 20vw;background:url("../result/_img/result_cmn.png")center top ;background-size:100% auto; position: relative;}

#result:before{content: "";
    position: absolute;left:0;right:0;top:-41vw; padding-top:41vw;
    background: url("../result/_img/result_top.png") no-repeat center top;  background-size:100% auto;  
}
#result:after{content: "";
    position: absolute;left:0;right:0;bottom:-102px; padding-top:102px;
    background: url("../result/_img/result_btm.png") no-repeat center top;  background-size:100% auto;  
}
.award{width:90%;margin:0 auto;padding-top:2vw;}
.red{font-size:1.1rem; 
background:#000;color:#FFF;letter-spacing: 0.1rem;font-weight:bold;padding:3px 6px;margin:5px 0 5px;display: inline-block;
}
.souhyou{margin:20px; font-size:1rem;}
    
}