@charset "utf-8";
/* ///////////////////////////////

25周年記念SP

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


#pageContents.evt25th_Cnt{background-color:#c4c3c2 !important; width:950px !important;}
#pageContents.evt25th_Cnt p{line-height:2.0em; text-align:left; font-weight:500; font-size:18px;}
#pageContents.evt25th_Cnt img{width:100%;}
#pageContents.evt25th_Cnt a:hover{text-decoration:none;}

/*メインイメージ*/
#main_wrap{width:100%;}
#main_ttl{width:50%; margin:0 auto;}
#main_catch{font-size:50px !important; margin:10px; font-weight:bold !important;}
#main_img{width:100%; box-sizing:border-box;}
#main_box{width:100%; padding:10px; box-sizing:border-box; text-align:center; background:#e2e2e2e;}
#main_wrap p{width:90%; margin:0 auto;}


/*17の日*/
#iina_wrap{width:90%; margin:30px auto; background:#FFFFFF; padding:20px; box-sizing:border-box; }
#live_wrap{width:90%; margin:10px auto;}
#iina_wrap p {padding:20px 10px;}

/*MENU*/
#menu_wrap{width:100%; margin:50px auto; background:#eee; padding:20px; box-sizing:border-box;}
#menu_ttl{width:50%; margin:0 auto; text-align:center;}
#menu_ttl img{width:60% !important;}
#menu_wrap ul{width:100%; overflow:hidden; _zoom:1;}
#menu_wrap ul li{float:left; width:calc(100%/4); padding:10px; box-sizing:border-box;}
#menu_wrap ul li img{width:100%;}

/*限定アイテム*/
#item_wrap{width:90%; margin:0 auto;}
#item_box{width:100%; padding:20px; background:#f3f3f3; margin:10px 0; overflow:hidden; _zoom:1; text-align:center; box-sizing:border-box;}
#item_box p{padding:10px;}
.item_box02{width:100%; margin:30px auto 50px auto;  overflow:hidden; _zoom:1; background:#f8f8f8; padding-bottom:10px;}
.voice_box{width:100%; padding:10px; overflow:hidden; _zoom:1; background:#dedcdb; text-align:center; margin:0 auto;}
.voice_ttl{padding:5px 10px; color:#FFFFFF;  background: #333; text-align:center; margin:0 auto 10px auto; display:inline-block;}
.voice_box ul{width:100%;}
.voice_box ul li{float:left; width:100%; padding:3px 0; box-sizing:border-box;  font-size:23px !important; line-height:2.0em;}
.item_txt{width:90%; margin:0 auto; padding:15px 0;}
.item_catch{width:80% !important; margin:0 auto;}

#item_wrap h3{font-size:40px !important; text-align:center; margin:0 0 5px 0; line-height:1.5em; font-weight:bold;}
#item_wrap h3 small{display:block;}
.item_img01{width:100%;}
.item_img02{width:90%; margin:10px auto;}
#pageContents.25th_Cnt h2{font-size:25px;}
#pageContents.25th_Cnt h2 small{font-size:15px;}
.item_btn{width:90%; padding:10px; color:#FFF; box-sizing:border-box; margin:10px auto; background-color:#666; text-align:center; font-weight:bold; border-radius:50px; font-size:23px; padding:25px;}
.item_btn a{display:block !important; color:#FFFFFF;}
.item_btn small{font-size:0.8em; padding-right:15px;}


/*ヒストリー*/
.evt25th_Cnt h2{font-size:50px !important; font-weight:bold; text-align:center; line-height:1.3em; margin-bottom:10px;}
.evt25th_Cnt h2 small{display:block; font-size:0.7em;}
#history_wrap{width:95%; margin:0 auto; padding:0;}
#history_icon{width:12%; margin:10px auto;}
#history_wrap p{width:90%; margin:0 auto;}
#history{margin:30px auto; width:80%;}
.history_img{width:100%;}


/*お声*/
.evt25th_Cnt h4{font-size:23px !important; font-weight:bold; text-align:center; margin-bottom:10px; line-height:2.0;}
#voice{}
#voice_wrap{width:100%; margin:0 auto; padding:10px; box-sizing:border-box;}
.voice_cmt{padding:10px;}
.ctgSlider{background:none !important; color:#333 !important;}
.ctgSlider .slider p{background:#FFF; padding:10px; text-align:left;}
#pageContents.evt25th_Cnt #voice .slick-slide{height:300px !important; margin:0 5px; background:#FFF;}
.voice_cmt .name{text-align:right !important; font-size:0.9em;}

/*クイズ*/
#quiz_wrap{width:90%; margin:0 auto; padding:10px;}
.ttl_box{padding:3px 30px; color:#FFF; font-weight:bold; background-color:#C90; text-align:center; display:inline-block; margin:10px auto;}
.item_ttl{width:20%; margin:30px auto 20px auto;}


/*おまけ*/
#omake_wrap{width:95%; margin:0 auto; padding:10px; box-sizing:border-box;}
#omake_box{width:100%; padding:15px; background:#FFF; box-sizing:border-box; margin:10px 0 0 0;}
#omake_box02{width:100%; padding:10px; background:#999999; color:#FFF; box-sizing:border-box; overflow:hidden; _zoom:1; margin:10px 0 0 0;}
#omake_info{float:left; width:75%;}
.omake_img{float:right; width:25%;}

/*プレゼント*/
#prst_wrap{width:95%; margin:0 auto; padding:10px;}
#prst_box{width:100%; padding:10px; background:#FFF; box-sizing:border-box;}
#prst_box p{padding:10px;}
#prst_insta{width:10%; margin:50px auto 0 auto;}
#prst_ttl01{font-size:20px;}
#prst_ttl02{font-size:25px; padding:10px; background:#333333; text-align:center;}
#prst_box ul{width:100%; margin:10px auto;  overflow:hidden; _zoom:1; }
#prst_box ul li{float:left; width:calc(95%/2); margin:10px; height:300px; box-sizing:border-box; background:#e4e4e4;}
#prst_ttl03{font-size:18px;}
#prst_kigen{background:#333333; padding:10px; width:100%; box-sizing:border-box; color:#FFF; text-align:center;}
#prst_kigen p{text-align:center !important;}
#kigen_btn{width:90%; padding:10px; margin:0 auto; text-align:center; background:#CCC; color:#333333; font-weight:bold; font-size:20px !important;}
#kigen_btn a{display:block;}
.prst_ttl01{font-size:25px !important; text-align:center !important; padding:0 !important; margin-top:40px; font-weight:bold !important;}
.prst_ttl02{font-size:30px !important; background-color:#333333; color:#FFF; font-weight:bold !important; padding:2px 20px !important; text-align:center; display:inline-block;}
.catch_box{text-align:center;}
.prst_txt{padding:0 10px 10px 10px !important;}


/*あいさつ*/
#staff_cmt{margin:100px auto; width:90%;}
#staff_cmt p{text-align:center !important; font-weight:bold;}
#staff_cmt small{display:block;}

.container {
  max-width: 100%;
  width: 100%;
  margin: 10px auto;
  text-align: center;
  padding: 50px 0;
}

/* 全問題数表示エリア */
.quiz-info {
  font-size: 1.2rem;
  color: white;
  margin: 20px 0;
  max-width: 100px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  border-radius: 5px;
  
  background-color: dimgrey;
}

.quiz-container,
.result-section,
.final-section {
  display: none;
  margin: 20px auto;
  font-size:20px;
}

.question-number {
  font-weight: bold;
  margin-bottom: 10px;
}

.question {
  font-weight: bold;
  margin-bottom: 10px;
  padding: 50px 15px;
  border-radius: 10px;
  background-color: #ffffff;
   box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
}

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}

.choice {
  padding: 50px 15px;
  background-color: #ffffff;
  text-align: center;
  cursor: pointer;
  border-radius: 10px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
  transition: background-color 0.3s;
}

.choice:hover {
  background-color: #d0d0d0;
}

.result-section {
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  background-color: #f1f1f1;
}

#answer-result {
  font-size: 2rem;
  margin-bottom: 10px;
}

.correct {color:#4ba1ab; display:block; text-align:center; font-size:50px; font-weight:bold; margin:50px;}

.wrong {color:#333; display:block; text-align:center; font-size:40px; font-weight:bold; margin:50px;}
  


#next-question {
  margin-top: 20px;
  padding: 10px;
  background-color: #ccc;
  text-align: center;
  cursor: pointer;
  border-radius: 10px;
  transition: background-color 0.3s;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

#next-question:hover {
  background-color: #d0d0d0;
}

.final-section {
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  background-color: #f9f9f9;
  margin: 20px auto;
  max-width: 100%;
}

#restart-quiz {
  margin-top: 20px;
  padding: 10px;
  background-color: #CCC;
  text-align: center;
  cursor: pointer;
  border-radius: 10px;
  transition: background-color 0.3s;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

#restart-quiz:hover {
  background-color: #d0d0d0;
}

#ev25th_coupon{}

.coupon_btn{background:#C5DCF1; border-radius:10px; text-align:center; display:block; padding:10px; margin:5px auto;}