@charset "utf-8";

/*--****************************************





anemone-cp



style.css



*****************************************--*/

#top{



}





.pc{display: block;}

.sp{display: none;}

	





/***********************

#wrapper

***********************/

#wrapper{

  width: 100%;

}



/***********************

#header

***********************/



/***********************

#contents

***********************/

#contents{

	

}



.section{

  padding: 20px 0 0 0;

}



.txt{

  font-size: 20px;

  text-align: center;

  color: #000;

  padding: 0 0 20px 0;

  line-height: 2em;

}





#quiz-container{

  width: 100%;

  background: url(../img/common/bg_pt2.png) repeat;

  background-size: 4px 4px;

  border-top: 2px solid #8f354f;

  border-bottom: 2px solid #8f354f;

  box-sizing: border-box;

  position: relative;

  margin: 40px 0 0 0;

  padding: 40px 0 0 0;

}



#quiz-ttl{

  position: absolute;

  z-index: 1;

  top: -40px;

  left: 18px;

}



#quiz-container-inner{

  width: 960px;

  margin: 20px auto;

}



.quiz-box{

  text-align: center;

  margin: 10px;

}



.quiz-thumb-box{

  position: relative;

}



.quiz-thumb-box:after{

  content: "";

  display: block;

  position: absolute;

  box-sizing: border-box;

  width: 100%;

  height: 100%;

  border: 2px solid #fff;

  top: 0px;

  left: 0px;

  z-index: 0;

  pointer-events: none;

}



.quiz-thumb-box.checked:before{

  content: "";

  display: block;

  position: absolute;

  box-sizing: border-box;

  width: 100%;

  height: 100%;

  border: 4px solid red;

  top: 0px;

  left: 0px;

  z-index: 1;

  pointer-events: none;

}





.quiz-thumb{

  width: 300px;

  height: auto;

}



#present{

  margin: 0 auto;

  text-align: center;

}



#submit-btn{

	width: 480px;

	height: 120px;

	border-radius: 60px;

	text-align: center;

	line-height: 120px;

	display: block;

	margin: 60px auto;

  padding: 0;

	color: #fff;

	font-size: 34px;

  position: relative;

  border: none;

  background: none;

  text-decoration: none;

}



#submit-btn:after{

  content: "";

  display: block;

	width: 100%;

	height: 100%;

	background: #931c3e;

	border-radius: 60px;

  position: absolute;

  z-index: 0;

  top: 5px;

  left: 0px;

}



#submit-btn:hover b{

  top: 5px;

}



#submit-btn b{

  position: relative;

  display: block;

  overflow: hidden;

	width: 480px;

	height: 120px;

	background: #f1658d;

	border-radius: 60px;

  z-index: 1;

  text-shadow: 1px 1px 1px #931c3e;

}





#submit-btn b:after{

  content: "";

  display: block;

	width: 100%;

	height: 100%;

	background: #f27599;

	border-radius: 60px;

  position: absolute;

  z-index: -1;

  top: -60px;

  left: 0px;

}











/***********************



@sp



***********************/

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

	

	.pc{display: none;}

	.sp{display: block;}

  

  .section{

    width: 90%;

    margin: 0 auto;

  }

  

  .txt{

    font-size: 14px;

    text-align: left;

    color: #000;

    padding: 0 0 20px 0;

    line-height: 1.2em;

  }



	

  #quiz-container{

    width: 100%;

    background: url(../img/common/bg_pt2.png) repeat;

    background-size: 4px 4px;



    border-top: 2px solid #8f354f;

    border-bottom: 2px solid #8f354f;

    box-sizing: border-box;

    position: relative;

      margin: 5% 0 0 0;

      padding: 5% 0 0 0;

  }

  

  #quiz-ttl{

      position: absolute;

      z-index: 1;

      top: -2%;

      left: 5%;

      width: 90%;

  }

    #quiz-ttl img{

      width: 100%;



    }





  #quiz-container-inner{

    width: 94%;

    margin: 20px auto;

  }



  .quiz-box{

    text-align: center;

    margin: 1%;

    width: 48%;

  }



  .quiz-thumb-box{

    position: relative;

  }



  .quiz-thumb-box:after{

    content: "";

    display: block;

    position: absolute;

    box-sizing: border-box;

    width: 100%;

    height: 100%;

    border: 2px solid #fff;

    top: 0px;

    left: 0px;

    z-index: 0;

    pointer-events: none;

  }



  .quiz-thumb-box.checked:before{

    content: "";

    display: block;

    position: absolute;

    box-sizing: border-box;

    width: 100%;

    height: 100%;

    border: 4px solid red;

    top: 0px;

    left: 0px;

    z-index: 1;

    pointer-events: none;

  }





  .quiz-thumb{

    width: 100%;

    height: auto;

  }

  

  #present img{

    width: 100%;

  }





  #submit-btn{

	width: 300px;

	height: 80px;

	border-radius: 40px;

	text-align: center;

	line-height: 80px;

	display: block;

	margin: 15% auto;

  padding: 0;

	color: #fff;

	font-size: 24px;

  position: relative;

  border: none;

  background: none;

}



#submit-btn:after{

  content: "";

  display: block;

	width: 100%;

	height: 100%;

	background: #931c3e;

	border-radius: 40px;

  position: absolute;

  z-index: 0;

  top: 5px;

  left: 0px;

}



#submit-btn:hover b{

  top: 0px;

}



#submit-btn b{

  position: relative;

  display: block;

  overflow: hidden;

	width: 300px;

	height: 80px;

	background: #f1658d;

	border-radius: 40px;

  z-index: 1;

  text-shadow: 1px 1px 1px #931c3e;

}





#submit-btn b:after{

  content: "";

  display: block;

	width: 100%;

	height: 100%;

	background: #f27599;

	border-radius: 40px;

  position: absolute;

  z-index: -1;

  top: -40px;

  left: 0px;

}

  







}