/* ------------------------------
   基本設定
--------------------------------- */
/* テストモード非表示 */
#testmode {
    display: none;
}
body {
    color: #004669;
}

/* ------------------------------
   フッター以外の補足テキストの調整
--------------------------------- */
#footer .copyright,
.not_affiliated,
#footer .poweredBy a,
#footer .poweredBy a span {
    font-size: 0.875rem;
    color: #262626;
}

/* ------------------------------
   ヘッダー調整
--------------------------------- */
#an_header {
    background-color: #CCE9F3;
    border: none;
}
#an_header h1 {
    height: 4rem;
}
#an_header h1 img {
    max-width: 10rem;
}
.headerLink img {
    border-radius: 0.25rem;
}

/* ------------------------------
   メイン画像の調整
--------------------------------- */
#main_pict {
    margin-bottom: 0;
}

/* ------------------------------
   チャレンジボタンの調整
--------------------------------- */
#entry_button_area a {
    background: url('https://img-upload.ssapp.jp/uploaded/custom/quiz_demo/btn_challenge.png') no-repeat center center;
    background-color: #ffdf4f;
    background-size: contain;
    width: 24rem;
    height: 6rem;
    padding: 0;
    color: #004669;
    border-radius: 1rem;
    font-size: 0;
}

/* ------------------------------
   クーポン・特典エリアの調整
--------------------------------- */
#benefits {
    background: inherit;
}
#benefits .benefits--links {
    width: 730px;
    padding: 2rem;
    border-radius: 1rem;
}
#benefits .benefits--links .got_coupon {
    width: 100%;
    padding: 0;
}
#benefits .benefits--links .got_coupon a,
.got_point a {
    background: url('https://img-upload.ssapp.jp/uploaded/custom/quiz_demo/btn_coupon.png') no-repeat center center;
    background-color: #004669;
    background-size: contain;
    color: white;
    border-radius: 1rem;
    width: 24rem;
    height: 6rem;
    padding: 0;
    font-size: 0;
}

/* ------------------------------
   応募要項の調整
--------------------------------- */
.guide_agreement_message {
    color: #cc0000;
    font-size: 0.875rem;
}
#guide_link a {
    background-color: white;
    padding-right: 2rem;
    border-radius: 0.5rem;
    border: none;
    font-weight: bold;
    color: #004669;
    font-size: 0.825rem;
}
#guide_link a .icon {
    background: none;
    margin-left: 0;
    width: 0;
    height: 0;
    vertical-align: 0;
}
#guide_link a .icon::after {
    content: "";
    display: inline-block;
    margin-left: 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    border-left: 2px solid #004669;
    border-bottom: 2px solid #004669;
    transform: rotate(225deg);
}
.pop_container {
    border-radius: 1rem;
}

/* ------------------------------
   前回の結果の調整
--------------------------------- */
.box_anata {
    margin-top: 28px;
    background-color: #dff0f6;
}
.perform_marking_title {
    display: none;
}
#perform_user img.snsicon {
    width: 4rem;
    border-radius: 0.5rem;
}
#perform_user span {
    font-size: 0.875rem;
}
#perform_date {
    margin-top: 0.5rem;
    font-size: 0.75rem;
    color: #004669;
}

/* ------------------------------
   ソーシャルボタンの調整
--------------------------------- */
.social_link li a.socialbutton_fb,
.social_link li a.socialbutton_tw {
    border-radius: 0.5rem;
}

/* ------------------------------
   フッターの調整
--------------------------------- */
.not_affiliated {
    margin-top: 5rem;
}
#footer {
    margin-top: 2rem;
    padding: 0;
    border: none;
}
#footerIN {
    text-align: center;
}
#footer .poweredBy {
    position: inherit;
}

/* ------------------------------
   戻るボタンの調整
--------------------------------- */
.link_back {
    text-align: left;
}
.link_back a {
    padding: 0 3rem;
    font-size: 0.875rem;
    color: #004669;
}
.link_back a::before {
    content: "";
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    margin-right: 0.5rem;
    border-left: 1.5px solid #004669;
    border-bottom: 1.5px solid #004669;
    transform: rotate(45deg);
    vertical-align: middle;
}
.link_back a .icon {
    display: none;
}

/* ------------------------------
   クイズ開始の調整
--------------------------------- */
.round_start h3 {
    font-size: 1.5rem;
    font-weight: bold;
}
.round_start p {
    padding: 1rem 0 2rem;
    font-size: 1rem;
}

/* ------------------------------
   質問表示・タイマーの調整
--------------------------------- */
.question_number {
    background-color: #CCE9F3;
    width: 580px;
    margin: 0 auto;
    text-align: left;
    font-weight: bold;
    font-size: 1rem;
}
#progressbar_bg {
    background: white;
    border-radius: 0.3rem;
}
#progressbar {
    margin: 0.25rem 0 2rem;
    border-radius: 0.3rem;
}
.progresstimetitle {
    font-size: 0.875rem;
}
#timer_bar_second {
    font-size: 1.5rem;
}
#timer_box {
    text-align: left;
}
#timer_box #question_message {
    font-size: 0.875rem;
}

/* ------------------------------
   質問・選択肢エリアの調整
--------------------------------- */
.ques_box,
.ans_box,
#timer_box {
    width: 580px;
}
.ques_box .ques_paper {
    width: 100%;
    text-align: center;
}
.ques_box .ques_paper .q_title {
    font-size: 1.5rem;
    font-weight: bold;
}
.ques_box .ques_image {
    width: 100%;
    margin-bottom: 2rem;
    vertical-align: top;
    text-align: center;
}
.choice_img_block:hover {
    opacity: 0.8;
}
.ans_box .ans_list {
    margin-left: 2px;
}
.ans_list_image .choice {
    border: 4px solid #CCE9F3;
}
.ans_list_image .ans_select {
    border: 4px solid white;
    border-radius: 1rem;
    background: none;
}

/* ------------------------------
   次へ／結果を見るボタンの調整
--------------------------------- */
.common_button a {
    background-image: url('https://img-upload.ssapp.jp/uploaded/custom/quiz_demo/btn_background_yellow.png') !important;
    background-color: #ffdf4f;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 300px;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 2rem;
    font-weight: bold;
    color: #004669;
    text-align: center;
    text-decoration: none;
    border-radius: 1rem;
}
.quiz_next a {
    background-image: none;
}

/* ------------------------------
   結果表示の調整
--------------------------------- */
.question_img img {
    max-width: 730px;
}
.myself_recordBOX {
    margin: 0 auto;
}
.myself_recordBOX .social_link {
    padding: 2rem 0;
}
.myself_record {
    width: 730px;
}
#record {
    background-color: #dff0f6;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
}
.box_title {
    background-color: #dff0f6;
    padding: 2rem 0;
    font-weight: bold;
    font-size: 1.5rem;
    border-top: none;
}
#record .result_box {
    background-color: white;
    margin-bottom: 1rem;
    padding: 2rem;
    border-radius: 1rem;
    border-bottom: none;
    font-weight: bold;
}
#record .result_box .ques_box {
    margin: 0;
}
#record .result_box .ques_box .ques_paper {
    width: 240px;
}
#record .result_box .ques_box .ques_paper .q_title {
    font-size: 1rem;
    font-weight: bold;
}
#record .result_box .ques_box .ques_image {
    width: 253px;
    max-height: 0px;
}
#record .result_box .ques_box .ques_image img {
    max-height: 140px !important;
}
#record .result_box .qa_check {
    padding: 0;
}
#record .result_box .ans_box_yours {
    width: 500px;
}
#record .result_box .ans_list_2column_image .ans_list_image .choice {
    padding-right: 0;
}



.event_box {
    padding: 30px 0;
    border-bottom: 2px solid #f4f4f4;
    position: relative;
    background-color: orange!important;
}