.top_2016_btn{width:254px;height:auto;padding-top:12px;padding-bottom:12px;background:url(../img/top_2016/bg_btn.png) repeat-x;font-size:21px;font-weight:bold;display:inline-block;text-decoration:none;vertical-align:middle;text-align:center;} .top_2016_btn:hover{opacity:.9;} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .top_2016_btn{background:url(../img/top_2016/bg_btn@x2.png) repeat-x;background-size:29px 44px;} } /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ QUIZ -------------------------------------------------- */ /* quiz common */ #quiz .low_header{position:relative;width:100%;height:auto!important;opacity:1;z-index:2;} #quiz .low_header .bg{position:absolute;width:100%;} #quiz .low_header .bg img{width:100%;} #quiz .low_header .ttl_block{position:relative;padding-top:20px;text-align:center;} #quiz .low_header .ttl_block h1{margin-bottom:16px;color:#FFF;font-size:50px;} #quiz .low_header .ttl_block p.ttl{margin-bottom:12px;color:#FFF;font-size:18px;font-weight:bold;} #quiz .low_header .ttl_block p.txt{margin-bottom:10px;color:#FFF;font-size:14px;line-height:1.8em;font-weight:bold;} /* quiz_login */ #quiz .low_contents{position:relative;width:100%;height:auto!important;margin-top:-40px;padding-top:40px;background:url(../img/top_2016/bg_news.jpg) repeat;text-align:center;opacity:1;z-index:1;} #quiz .low_contents h1{margin:110px 0 20px;color:#000;font-size:50px;} #quiz .low_contents .ttl_block{position:relative;width:92%;height:auto;margin-bottom:90px;padding-bottom:20px;background:#FFF;font-size:0;display:inline-block;} #quiz .low_contents .ttl_block .btn.txt{padding:40px 0 25px;font-size:14px;display:block;} #quiz .low_contents .ttl_block .btn.txt a{display:inline-block;text-decoration:underline;} #quiz .low_contents .ttl_block .btn.sns{position:relative;margin-bottom:20px;display:block;text-align:center;} #quiz .low_contents .ttl_block .btn.sns img{position:absolute;width:30px;height:auto;left:50%;margin-left:-15px;display:inline-block;z-index:2;} #quiz .low_contents .ttl_block .btn.sns a{position:relative;width:310px;height:50px;padding-top:30px;color:#FFF;font-size:24px;font-weight:bold;text-decoration:none;display:inline-block;z-index:1;} #quiz .low_contents .ttl_block .btn.sns.facebook a{background:#3b5998;} #quiz .low_contents .ttl_block .btn.sns.email a{background:#ffa600;} #quiz .low_contents .ttl_block .btn.sns.twitter a{background:#1da1f2;} #quiz .low_contents .ttl_block .btn.sns.weido a{background:#ea162a;} #quiz .low_contents .ttl_block .btn.txt a:hover{color:#999;} #quiz .low_contents .ttl_block .btn.sns.facebook a:hover{background:#324a80;} #quiz .low_contents .ttl_block .btn.sns.twitter a:hover{background:#1fa9ff;} #quiz .low_contents .ttl_block .btn.sns.weido a:hover{background:#ff172e;} /* quiz_top */ /* #quiz .low_contents.quiz_top{margin-top:-65px;padding-top:90px;} */ #quiz .low_contents .q_list{width:1100px;margin:0 auto;background:transparent;text-align:left;} #quiz .low_contents .q_list .question{position:relative;width:1100px;margin-bottom:20px;background:#FFF;display:inline-block;} #quiz .low_contents .q_list .question .btn{position:relative;width:100%;display:table;text-align:left; text-decoration:none;} #quiz .low_contents .q_list .question .btn > img{position:absolute;top:0;left:0;} #quiz .low_contents .q_list .question .btn p.q_num{width:80px;padding-left:34px;padding-right:20px;color:#000;font-size:38px;font-weight:bold;display:table-cell;} #quiz .low_contents .q_list .question .btn p.q_ttl{width:620px;padding:26px 0;color:#000;font-size:24px;line-height:1.4em;font-weight:bold;display:table-cell;} #quiz .low_contents .q_list .question .btn .passion_block{position:relative;display:table-cell;vertical-align:middle;} #quiz .low_contents .q_list .question .btn .passion_block img{position:absolute;margin:28px 0 0 4px;z-index:1;display:inline-block;vertical-align:baseline;} #quiz .low_contents .q_list .question .btn .passion_block .passion{position:relative;margin-bottom:12px;color:#000;font-size:24px;font-weight:bold;font-style:italic;z-index:2;} #quiz .low_contents .q_list .question .btn .passion_block .passion span.num{width:70px;padding:0 6px 0 0;color:#ff4b38;font-size:58px;font-weight:bold;text-align:center;display:inline-block;} #quiz .low_contents .q_list .question .btn .answer_block{width:120px;text-align:center;display:table-cell;vertical-align:middle;} #quiz .low_contents .q_list .question .btn .answer_block .answer{color:#000;font-size:26px;font-weight:bold;display:inline-block;} #quiz .low_contents .q_list .true{background:#FFF;} #quiz .low_contents .q_list .false{background:#FFF;} #quiz .low_contents .q_list .accept{background:#FFF;} #quiz .low_contents .q_list .finish{background:#e5e5e5;} #quiz .low_contents .q_list .finish .btn p.q_num{color:#999;} #quiz .low_contents .q_list .finish .btn p.q_ttl{color:#999;} #quiz .low_contents .q_list .true .btn .answer_block{background:#ff4b38;} #quiz .low_contents .q_list .false .btn .answer_block{background:#389fff;} #quiz .low_contents .q_list .accept .btn .answer_block{background:#ffe400;} #quiz .low_contents .q_list .finish .btn .answer_block{background:#dddddd;} #quiz .low_contents .q_list .finish .btn .passion_block .passion{color:#666;} #quiz .low_contents .q_list .finish .btn .passion_block .passion span.num{color:#666;} #quiz .low_contents .q_list .true:hover{border:4px solid #ff4b38;border-right:none;} #quiz .low_contents .q_list .false:hover{border:4px solid #389fff;border-right:none;} #quiz .low_contents .q_list .accept:hover{border:4px solid #ffe400;border-right:none;} #quiz .low_contents .q_list .finish:hover{border:4px solid #dddddd;border-right:none;} #quiz .low_contents .q_list .question:hover{width:1096px;} #quiz .low_contents .q_list .question:hover .btn p.q_num{padding-left:30px;} #quiz .low_contents .q_list .question:hover .btn p.q_ttl{padding:22px 0;} /* quiz_about */ #quiz .low_contents.quiz_about{} #quiz .low_contents.quiz_about .flow_block{position:relative;width:1100px;margin:0 auto 70px;background:#FFF;display:inline-block;} #quiz .low_contents.quiz_about .flow_block .flow{padding-top:40px;} #quiz .low_contents.quiz_about .flow_block .about_present_block{position:relative;width:100%;margin-top:40px;padding-bottom:30px;background:#ff4b38;display:inline-block;} #quiz .low_contents.quiz_about .flow_block .about_present_block > img{position:absolute;left:50%;margin-left:-29px;} #quiz .low_contents.quiz_about .flow_block .about_present_block .ttl_type{width:880px;margin:50px auto 30px;} #quiz .low_contents.quiz_about .flow_block .about_present_block .ttl_type div{background:#FFF;} #quiz .low_contents.quiz_about .flow_block .about_present_block .ttl_type h1{margin:0 40px;padding:0 10px;color:#FFF;font-size:40px;font-weight:bold;background:#ff4b38;} #quiz .low_contents.quiz_about .flow_block .about_present_block .ttl_type p{padding:8px 0 4px;color:#FFF;font-size:18px;font-weight:bold;} #quiz .low_contents.quiz_about .flow_block .about_present_block .prize_block{} #quiz .low_contents.quiz_about .flow_block .about_present_block .prize_block .prize{margin-bottom:20px;} #quiz .low_contents.quiz_about .flow_block .about_present_block .prize_block .prize img{display:inline-block;width:100px;height:100px;margin-right:30px;display:inline-block;vertical-align:middle;} #quiz .low_contents.quiz_about .flow_block .about_present_block .prize_block .prize p{width:360px;color:#FFF;font-size:32px;font-weight:bold;text-align:left;letter-spacing:2px;display:inline-block;vertical-align:middle;} #quiz .low_contents.quiz_about .flow_block .about_present_block .prize_block .prize p span{color:#FFF;font-size:18px;font-weight:bold;} #quiz .low_contents.quiz_about .flow_block .about_present_block .prize_block .prize_a{} #quiz .low_contents.quiz_about .flow_block .about_present_block .prize_block .prize_b{} #quiz .low_contents.quiz_about .top_2016_btn{width:302px;height:auto;} #quiz .low_contents.quiz_about .btn_l{width:500px;height:44px;} /* quiz my page */ header.global{z-index:102;} nav.global{position:relative;} #quiz{z-index:1;} #quiz .low_contents h1{margin:0px 0 20px;color:#000;font-size:50px;} #quiz .low_header.quiz_mypage{position:relative;width:100%;height:auto!important;/* margin-top:-180px; */opacity:1;z-index:2;} #quiz .low_header.quiz_mypage .ttl_block{position:relative;padding-top:200px;text-align:center;} #quiz .low_header.quiz_mypage .ttl_block h1{margin-bottom:16px;color:#FFF;font-size:50px;} #quiz .low_header.quiz_mypage .ttl_block p.ttl{margin-bottom:12px;color:#FFF;font-size:18px;font-weight:bold;} #quiz .low_header.quiz_mypage .ttl_block p.txt{margin-bottom:10px;color:#FFF;font-size:14px;line-height:1.8em;font-weight:bold;} #quiz .low_header.quiz_mypage .logout{position:absolute;top:120px;/* top:220px; */right:20px;padding:10px 20px;background:#dadada;text-decoration:none;font-size:0;display:inline-block;} #quiz .low_header.quiz_mypage .logout svg{position:relative;top:2px;width:7px;height:auto;display:inline-block;vertical-align:middle;} #quiz .low_header.quiz_mypage .logout p{padding:0 0 0 6px;color:#000;font-size:18px;font-weight:bold;display:inline-block;vertical-align:middle;} #quiz .low_header.quiz_mypage .logout:hover{background:#999;} #quiz .low_contents.quiz_mypage .flow_block{background:transparent;} #quiz .low_contents.quiz_mypage .flow_block .user_info_block{margin-top:0;font-size:0;display:inline-block;} #quiz .low_contents.quiz_mypage .flow_block .user_info_block .user_info{float:left;margin-right:40px;display:table;} #quiz .low_contents.quiz_mypage .flow_block .user_info_block .user_info > img{display:table-cell;vertical-align:middle;} #quiz .low_contents.quiz_mypage .flow_block .user_info_block .user_info .name{padding:0 20px;color:#000;font-size:21px;font-weight:bold;background:#FFF;display:table-cell;vertical-align:middle;} #quiz .low_contents.quiz_mypage .flow_block .user_info_block .passion_block{float:left;position:relative;margin-top:-40px;display:inline-block;vertical-align:middle;} #quiz .low_contents.quiz_mypage .flow_block .user_info_block .passion_block img{position:absolute;left:-5px;margin:51px 0 0 4px;z-index:1;display:inline-block;vertical-align:baseline;} #quiz .low_contents.quiz_mypage .flow_block .user_info_block .passion_block .passion{position:relative;margin-bottom:12px;color:#000;font-size:30px;font-weight:bold;font-style:italic;z-index:2;} #quiz .low_contents.quiz_mypage .flow_block .user_info_block .passion_block .passion span.num{padding:0 10px;color:#ff4b38;font-size:90px;font-weight:bold;text-align:center;display:inline-block;} #quiz .low_contents.quiz_mypage .flow_block .about_present_block{} #quiz .low_contents.quiz_mypage .top_2016_btn{margin:25px 20px;letter-spacing:1.4px;} #quiz .low_contents.quiz_mypage .top_2016_btn span{font-size:16px;} #quiz .low_contents.quiz_mypage .top_2016_btn_off{color:#444;cursor:default;} #quiz .low_contents.quiz_mypage .top_2016_btn_off:hover{opacity:1;} #quiz .low_contents.quiz_mypage .top_2016_btn_off{background:url(../img/quiz/bg_btn_off.png) repeat-x;} #quiz .low_contents.quiz_mypage .prize_block .top_2016_btn{background-size:58px 88px;} /* quiz entry */ .entry_block{position:relative;width:100%;margin-top:40px;padding-bottom:30px;background:#ff4b38;display:inline-block;} .entry_block > img{position:absolute;left:50%;margin-left:-29px;} .entry_block .ttl_type{margin:70px 0 55px;} #quiz .low_contents .entry_block .ttl_type h1{margin:0;color:#FFF;font-size:60px;letter-spacing:2px;} .entry_block .ttl_type h1 span{color:#FFF;font-size:24px;} .entry_block .ttl_type h1 span.sho{color:#FFF;font-size:40px;} .entry_block form{} .entry_block form input{width:684px;height:54px;font-size:18px;text-align:center;} .entry_block .caution{margin:40px 0 0;} .entry_block .caution p{margin-bottom:60px;color:#000;font-size:18px;font-weight:bold;line-height:1.4em;} .entry_block .caution p span{color:#000;} .entry_block .caution p a{color:#000;} .entry_block .caution p a:hover{color:#000;} .entry_block .caution .top_2016_btn{border:none;cursor:pointer;} /* quiz question */ #quiz.quiz_question .low_contents .q_list .question{margin-bottom:0;} #quiz.quiz_question .low_contents .q_list .true:hover{border:none;} #quiz.quiz_question .low_contents .q_list .false:hover{border:none;} #quiz.quiz_question .low_contents .q_list .accept:hover{border:none;} #quiz.quiz_question .low_contents .q_list .finish:hover{border:none;} #quiz.quiz_question .low_contents .q_list .question:hover{width:1100px;} #quiz.quiz_question .low_contents .q_list .question:hover .btn p.q_num{padding-left:34px;} #quiz.quiz_question .low_contents .q_list .question:hover .btn p.q_ttl{padding:26px 0;} #quiz.quiz_question .low_contents .q_list .question .btn .passion_block img{margin:28px 0 0 80px;} #quiz.quiz_question .low_contents.quiz_about .flow_block .about_present_block{position:relative;width:100%;margin-top:40px;padding-bottom:30px;background:#ff4b38;display:inline-block;} #quiz.quiz_question .low_contents .about_present_block{position:relative;width:100%;margin-top:0;padding-bottom:30px;background:#ff4b38;display:inline-block;text-align:center;} #quiz.quiz_question .low_contents .about_present_block > img{position:absolute;left:50%;margin-left:-29px;} #quiz.quiz_question .low_contents .about_present_block .ttl_type{width:880px;margin:50px auto 30px;} #quiz.quiz_question .low_contents .about_present_block .ttl_type div{background:#FFF;} #quiz.quiz_question .low_contents .about_present_block .ttl_type h1{margin:0 40px;padding:0 10px;color:#FFF;font-size:40px;font-weight:bold;background:#ff4b38;} #quiz.quiz_question .low_contents .about_present_block .ttl_type p{padding:8px 0 4px;color:#FFF;font-size:18px;font-weight:bold;} #quiz.quiz_question .low_contents .about_present_block .question_list{margin-top:50px;margin-bottom:10px;} #quiz.quiz_question .low_contents .about_present_block .question_list .question{width:820px;height:auto;margin:0 auto 20px;padding:10px;background:#f5f5f5;text-align:left; cursor:pointer;display:table;} #quiz.quiz_question .low_contents .about_present_block .question_list .question.select, #quiz.quiz_question .low_contents .about_present_block .question_list .question:hover{background:#ffdb03;} #quiz.quiz_question .low_contents .about_present_block .question_list .question p{display:inline-block;vertical-align:middle;} #quiz.quiz_question .low_contents .about_present_block .question_list .question .answer_num{display:table-cell;} #quiz.quiz_question .low_contents .about_present_block .question_list .question p.q_num{width:40px;height:40px;margin:10px 0 10px 30px;color:#FFF;font-size:24px;line-height:1.6em;font-weight:bold;font-style:italic;background:#ff4b38;border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;text-align:center;} #quiz.quiz_question .low_contents .about_present_block .question_list .question p.q_txt{width:600px;padding-left:20px;color:#000;font-size:28px;font-weight:bold;display:table-cell;} #quiz.quiz_question .low_contents .about_present_block .question_list .question .answer_block{width:120px;text-align:center;display:table-cell;vertical-align:middle;} #quiz.quiz_question .low_contents .about_present_block .question_list .question .answer_block .answer{width:40px;height:40px;color:#000;font-size:26px;font-weight:bold;display:inline-block;} #quiz.quiz_question .low_contents .about_present_block .question_list .questionS{width:820px;height:auto;margin:0 auto 20px;padding:10px;background:#f5f5f5;text-align:left;display:table;} #quiz.quiz_question .low_contents .about_present_block .question_list .questionS.select{background:#ffdb03;} #quiz.quiz_question .low_contents .about_present_block .question_list .questionS p{display:inline-block;vertical-align:middle;} #quiz.quiz_question .low_contents .about_present_block .question_list .questionS .answer_num{display:table-cell;} #quiz.quiz_question .low_contents .about_present_block .question_list .questionS p.q_num{width:40px;height:40px;margin:10px 0 10px 30px;color:#FFF;font-size:24px;line-height:1.6em;font-weight:bold;font-style:italic;background:#ff4b38;border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;text-align:center;} #quiz.quiz_question .low_contents .about_present_block .question_list .questionS p.q_txt{width:600px;padding-left:20px;color:#000;font-size:28px;font-weight:bold;display:table-cell;} #quiz.quiz_question .low_contents .about_present_block .question_list .questionS .answer_block{width:120px;text-align:center;display:table-cell;vertical-align:middle;} #quiz.quiz_question .low_contents .about_present_block .question_list .questionS .answer_block .answer{width:40px;height:40px;color:#000;font-size:26px;font-weight:bold;display:inline-block;} #quiz.quiz_question .low_contents .about_present_block .top_2016_btn{width:302px;height:auto;margin:25px 20px;letter-spacing:1.4px;} #quiz.quiz_question .low_contents .about_present_block .top_2016_btn_off{color:#444;cursor:default;} #quiz.quiz_question .low_contents .about_present_block .top_2016_btn_off:hover{opacity:1;} #quiz.quiz_question .low_contents .about_present_block .top_2016_btn_off{background:url(../img/quiz/bg_btn_off.png) repeat-x;} #quiz.quiz_question .low_contents .about_present_block .explain_answer{margin-bottom:40px;color:#FFF;font-size:18px;font-weight:bold;text-align:center;display:block;} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { #quiz .low_contents.quiz_mypage .top_2016_btn_off, #quiz.quiz_question .low_contents .about_present_block .top_2016_btn_off{background:url(../img/quiz/bg_btn_off@x2.png) repeat-x;background-size:29px 44px;} } @media screen and (max-width:1100px){ #quiz .low_header{width:1100px;} #quiz .low_contents{width:1100px;} } .ttl_type_between_01{position:relative;display:inline-block;} .ttl_type_between_01 div{position:absolute;width:100%;height:2px;top:50%;margin-top:-2px;background:#fff63b;} .ttl_type_between_01 h1{position:relative;margin:0 20px;padding:0 10px;color:#169fe9;font-size:38px;background:#FFF;display:inline-block;} /* add rev1.2 */ .login.btn, .logout.btn{height:34px;padding-top:10px!important;padding-bottom:0!important;} .login.btn svg{top:4px!important;} #quiz form{width:1100px;margin:70px auto;padding:70px 0;background:#fff;font-size:18px;} #quiz form h2{margin-bottom:16px;font-size:24px;} #quiz form h3, #quiz form .check_row__title{margin-top:16px;margin-bottom:8px;font-size:20px;} #quiz form .input_check{font-size:16px;padding:4px;width:250px;} #quiz form .errmsg{padding:3px 0;color:#f00;font-size:14px;} #quiz form .checkbox_wrapper{margin:16px auto 10px;} #quiz form .submit_wrapper{margin:20px auto;} #quiz form button{font-size:18px;padding:8px 2em!important;margin-right:1em!important;} #quiz form .block{width:100%;} #quiz form .block .block_list{display:inline-block;margin-right:2em;vertical-align:top;} #quiz form a.goto_register{display:inline-block;color:#fff;background-color:#ffa600;margin-top:40px!important;padding:16px 1em!important;text-decoration:none;}