@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

html { position: relative; width: 100%; height: 100%; min-width: 1280px; min-height: 800px; overflow: scroll; }

body { background-color: #dbdbdb; width: 100%; height: 100%; font-family: sans-serif; position: relative; overflow: hidden; }
body * { -webkit-font-smoothing: antialiased; }

#main { width: 100%; height: 100%; position: relative; }

#dlounge { display: none; width: 60px; height: 48px; position: absolute; left: 25px; top: 25px; z-index: 200; }
#dlounge img { display: block; }

#footer_share { display: none; width: 50px; height: 18px; position: absolute; left: 25px; bottom: 25px; z-index: 200; }
#footer_share a, #footer_share img { display: block; }
#footer_share .fb { width: 18px; height: 18px; position: absolute; left: 0px; }
#footer_share .tw { width: 20px; height: 18px; position: absolute; right: 0px; }

#graph_bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: opacity 1s linear; -webkit-transition: opacity 1s linear; pointer-events: none; }
#graph_bg img { display: block; width: 2560px; height: 1900px; position: absolute; left: 50%; top: 50%; margin: -950px 0 0 -1280px; }

#title { display: block; position: absolute; left: 50%; top: 50%; margin: 100px 0 0 -35px; width: 440px; height: 225px; z-index: 300; transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1), top 2s cubic-bezier(0.77, 0, 0.175, 1) 0.5s; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.19, 1, 0.22, 1), top 2s cubic-bezier(0.77, 0, 0.175, 1) 0.5s; }
#title h1 { position: relative; width: 429px; height: 80px; }
#title h1 img { position: absolute; display: block; left: 0px; top: 0px; transition: opacity 0.5s linear; -webkit-transition: opacity 0.5s linear; }
#title h1 img.red { opacity: 1; }
#title h1 img.white { opacity: 0; }
#title p { position: relative; font-weight: bold; font-size: 12px; line-height: 21px; color: #ff284c; margin: 26px 0; }
#title p span { opacity: 1; transition: opacity 0.5s linear; -webkit-transition: opacity 0.5s linear; position: relative; z-index: 0; }
#title p span br.sp { display: none; }
#title p:before { display: block; position: absolute; left: 0px; top: 0px; content: "道を右に進むのか、左に進むのか。階段を下るのか、上るのか。\A個人が行動を起こすときには、身近な出来事における判断が影響を及ぼします。\Aこのプロジェクトでは、そんな個人の判断とその全体量を分析することで、\A世の中の向かうべき方向（ベクトル）の可視化を目指します。"; white-space: pre; color: #FFF; opacity: 0; transition: opacity 0.5s linear; -webkit-transition: opacity 0.5s linear; z-index: 1; }
#title small { position: relative; width: 256px; height: 9px; }
#title small img { display: block; position: absolute; left: 0px; top: 0px; transition: opacity 0.5s linear; -webkit-transition: opacity 0.5s linear; }
#title small img.red { opacity: 1; }
#title small img.white { opacity: 0; }

#menu { z-index: 500; }
#menu .toggleMenu { display: block; width: 34px; height: 34px; position: absolute; top: 25px; right: 25px; overflow: hidden; text-indent: 200%; white-space: nowrap; background-image: url(../img/menu.png); z-index: 520; display: none; }
#menu .sort_type { display: none; font-size: 12px; line-height: 24px; color: #000; font-weight: bold; position: absolute; right: 34px; top: 58px; z-index: 200; font-family: "秀英丸ゴシック B", "Shuei MaruGo B"; }
#menu .closeSubcontents { display: none; width: 34px; height: 34px; position: absolute; top: 25px; right: 25px; overflow: hidden; text-indent: 200%; white-space: nowrap; background-image: url(../img/close.png); z-index: 200; }
#menu .menu_slide { position: absolute; top: 0px; right: 0px; width: 0px; height: 100%; z-index: 510; overflow: hidden; transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1); }
#menu .menu_slide.open { width: 350px; }
#menu .menu_slide.open .menu_slider_content { overflow: scroll; }
#menu .menu_slide .menu_slider_content { width: 350px; height: 100%; background-color: #000; box-sizing: border-box; padding: 25px; position: absolute; top: 0px; left: 0px; }
#menu .menu_slide .menu_slider_content .menu_block { margin-bottom: 38px; }
#menu .menu_slide .menu_slider_content .menu_block h2 { height: 16px; width: auto; margin: 0 0 18px 0; }
#menu .menu_slide .menu_slider_content .menu_block h2 img { display: block; }
#menu .menu_slide .menu_slider_content .menu_block p { font-size: 12px; line-height: 21px; font-weight: bold; color: #FFF; margin: 16px 0 12px; }
#menu .menu_slide .menu_slider_content .menu_sort { margin-top: 24px; }
#menu .menu_slide .menu_slider_content .menu_sort .sort_nav { border: 1px solid #FFF; box-sizing: border-box; width: 300px; height: 50px; }
#menu .menu_slide .menu_slider_content .menu_sort .sort_nav li { position: relative; float: left; height: 48px; }
#menu .menu_slide .menu_slider_content .menu_sort .sort_nav li a { display: block; width: 100%; height: 100%; overflow: hidden; text-indent: 200%; white-space: nowrap; background-repeat: no-repeat; background-position: center top; }
#menu .menu_slide .menu_slider_content .menu_sort .sort_nav li a:hover, #menu .menu_slide .menu_slider_content .menu_sort .sort_nav li a.current { background-position: center bottom; background-color: #FFF; }
#menu .menu_slide .menu_slider_content .menu_sort .sort_nav .sort_time { width: 98px; border-right: 1px solid #FFF; }
#menu .menu_slide .menu_slider_content .menu_sort .sort_nav .sort_time a { background-image: url(../img/menu_button_time.png); }
#menu .menu_slide .menu_slider_content .menu_sort .sort_nav .sort_rank { width: 99px; border-right: 1px solid #FFF; }
#menu .menu_slide .menu_slider_content .menu_sort .sort_nav .sort_rank a { background-image: url(../img/menu_button_rank.png); }
#menu .menu_slide .menu_slider_content .menu_sort .sort_nav .sort_label { position: relative; width: 99px; }
#menu .menu_slide .menu_slider_content .menu_sort .sort_nav .sort_label > a { background-image: url(../img/menu_button_label.png); }
#menu .menu_slide .menu_slider_content .menu_sort .sort_nav .sort_label:hover > a { background-position: center bottom; background-color: #FFF; }
#menu .menu_slide .menu_slider_content .menu_sort .sort_nav .sort_label:hover ul { display: block; }
#menu .menu_slide .menu_slider_content .menu_sort .sort_nav .sort_label ul { display: none; position: absolute; top: 50px; right: -1px; padding-bottom: 30px; }
#menu .menu_slide .menu_slider_content .menu_sort .sort_nav .sort_label ul li { border-bottom: 1px solid #000; width: 300px; height: 38px; background-color: #FFF; }
#menu .menu_slide .menu_slider_content .menu_sort .sort_nav .sort_label ul li a { box-sizing: border-box; position: relative; display: block; width: 100%; height: 38px; padding-right: 22px; line-height: 38px; font-size: 14px; color: #000; text-decoration: none; text-align: right; font-family: "秀英丸ゴシック B", "Shuei MaruGo B"; text-indent: 0px; white-space: normal; }
#menu .menu_slide .menu_slider_content .menu_sort .sort_nav .sort_label ul li a.checked:before { content: ""; display: block; width: 38px; height: 38px; background-image: url(../img/label_check.png); background-size: 38px 38px; background-repeat: no-repeat; position: absolute; left: 10px; }
#menu .menu_slide .menu_slider_content .menu_post a { display: block; border: 1px solid #FFF; box-sizing: border-box; width: 300px; height: 50px; background-image: url(../img/menu_button_post.png); background-position: center top; background-repeat: no-repeat; }
#menu .menu_slide .menu_slider_content .menu_post a:hover { background-color: #FFF; background-position: center bottom; }
#menu .menu_slide .menu_slider_content .menu_about a { display: block; border: 1px solid #FFF; box-sizing: border-box; width: 300px; height: 50px; background-image: url(../img/menu_button_view.png); background-position: center top; background-repeat: no-repeat; }
#menu .menu_slide .menu_slider_content .menu_about a:hover { background-color: #FFF; background-position: center bottom; }

#survey_container { width: 0px; height: 100%; overflow: visible; position: absolute; left: 50%; top: 0%; }

#survey_container .survey { position: absolute; left: 0px; top: 0px; width: 140px; height: 100%; transform: translate3d(-50%, 0%, 0px) scale(1, 1); -webkit-transform: translate3d(-50%, 0%, 0px) scale(1, 1); }
#survey_container .survey.hidden .survey_vertical_border { height: 0px; }
#survey_container .survey.hidden .survey_q { transform: translate3d(0%, -50%, 0px) scale(0, 0); -webkit-transform: translate3d(0%, -50%, 0px) scale(0, 0); }
#survey_container .survey .survey_vertical_border { position: relative; width: 100%; height: 100%; overflow: hidden; z-index: 0; transition: height 0.4s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: height 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
#survey_container .survey .survey_vertical_border div { width: 2px; height: 100%; background-image: url(../img/vertical_border.png); background-position: center center; position: absolute; left: 50%; top: 0px; margin-left: -1px; }
#survey_container .survey .survey_q { width: 140px; height: 140px; position: absolute; top: 50%; transform: translate3d(0%, -50%, 0px) scale(1, 1); -webkit-transform: translate3d(0%, -50%, 0px) scale(1, 1); transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), top 2s cubic-bezier(0.77, 0, 0.175, 1) 0.5s; -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), top 2s cubic-bezier(0.77, 0, 0.175, 1) 0.5s; z-index: 1; pointer-events: none; }
#survey_container .survey .survey_q .survey_period_outer { font-family: "秀英丸ゴシック B", "Shuei MaruGo B"; font-size: 16px; line-height: 18px; font-weight: bold; color: #FFF; width: 100%; height: 18px; position: absolute; left: 0px; top: -36px; text-align: center; z-index: 2; pointer-events: none; }
#survey_container .survey .survey_q .survey_rank_outer { font-family: "秀英丸ゴシック B", "Shuei MaruGo B"; font-size: 14px; line-height: 14px; font-weight: bold; color: #FFF; width: 100%; height: 14px; position: absolute; left: 0px; bottom: -32px; text-align: center; z-index: 2; pointer-events: none; }
#survey_container .survey .survey_q .survey_rank_outer.inrank { font-size: 18px; line-height: 18px; height: 18px; bottom: 26px; color: #dbdbdb; }
#survey_container .survey .survey_q .survey_text_outer { position: relative; font-size: 14px; line-height: 24px; font-weight: bold; width: 100%; height: 48px; margin: 46px 0; text-align: center; color: #dbdbdb; z-index: 2; transition: color 0.3s linear; -webkit-transition: color 0.3s linear; }
#survey_container .survey .survey_q .survey_text_outer.inrank { font-size: 54px; line-height: 48px; height: 54px; margin: 43px 0; font-family: "秀英丸ゴシック B", "Shuei MaruGo B"; }
#survey_container .survey .survey_q .survey_bg { display: block; width: 142px; height: 142px; background-color: transparent; z-index: 1; transition: background-color 0.3s linear, transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), width 0s linear 0.9s, height 0s linear 0.9s; -webkit-transition: background-color 0.3s linear, -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), width 0s linear 0.9s, height 0s linear 0.9s; transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0px); -webkit-transform: translate3d(-50%, -50%, 0px); overflow: hidden; }
#survey_container .survey .survey_q .survey_bg canvas { width: 800px; height: 800px; position: absolute; left: 50%; top: 50%; margin: -400px 0 0 -400px; transition: opacity 0.1s linear; -webkit-transition: opacity 0.1s linear; }
#survey_container .survey .survey_q .survey_bg canvas.q_anim { opacity: 0; }
#survey_container .survey .survey_q .survey_bg canvas.wq_anim { opacity: 1; }
#survey_container .survey .survey_q .survey_move_next, #survey_container .survey .survey_q .survey_move_prev { display: block; width: 0px; height: 0px; position: absolute; top: 50%; margin-top: -25px; overflow: hidden; visibility: hidden; opacity: 0; background-position: center center; background-repeat: no-repeat; z-index: 30; }
#survey_container .survey .survey_q .survey_move_next { background-image: url(../img/move_arrow_next.png); left: -60px; }
#survey_container .survey .survey_q .survey_move_prev { background-image: url(../img/move_arrow_prev.png); right: -60px; }
#survey_container .survey .survey_q .survey_choice { position: absolute; left: 196px; top: 176px; width: 0px; height: 0px; z-index: 5; visibility: hidden; overflow: hidden; }
#survey_container .survey .survey_q .survey_choice li { position: relative; width: 100px; height: 19px; margin: 0 0 5px 0; }
#survey_container .survey .survey_q .survey_choice li a { display: block; width: 0px; height: 19px; background-image: url(../img/vector_selection.png); background-size: 300px 114px; overflow: hidden; text-indent: 200%; white-space: nowrap; }
#survey_container .survey .survey_q .survey_choice li.choice_5 a { background-position: 0px 0px; }
#survey_container .survey .survey_q .survey_choice li.choice_4 a { background-position: 0px -19px; }
#survey_container .survey .survey_q .survey_choice li.choice_3 a { background-position: 0px -38px; }
#survey_container .survey .survey_q .survey_choice li.choice_2 a { background-position: 0px -57px; }
#survey_container .survey .survey_q .survey_choice li.choice_1 a { background-position: 0px -76px; }
#survey_container .survey .survey_q .survey_choice li.choice_0 a { background-position: 0px -95px; }
#survey_container .survey .survey_q .survey_choice li.choice_5 a:hover { background-position: -100px 0px; }
#survey_container .survey .survey_q .survey_choice li.choice_4 a:hover { background-position: -100px -19px; }
#survey_container .survey .survey_q .survey_choice li.choice_3 a:hover { background-position: -100px -38px; }
#survey_container .survey .survey_q .survey_choice li.choice_2 a:hover { background-position: -100px -57px; }
#survey_container .survey .survey_q .survey_choice li.choice_1 a:hover { background-position: -100px -76px; }
#survey_container .survey .survey_q .survey_choice li.choice_0 a:hover { background-position: -100px -95px; }
#survey_container .survey .survey_q .survey_choice li.choice_5 a.disabled { background-position: -100px 0px; cursor: default; pointer-events: none; }
#survey_container .survey .survey_q .survey_choice li.choice_4 a.disabled { background-position: -100px -19px; cursor: default; pointer-events: none; }
#survey_container .survey .survey_q .survey_choice li.choice_3 a.disabled { background-position: -100px -38px; cursor: default; pointer-events: none; }
#survey_container .survey .survey_q .survey_choice li.choice_2 a.disabled { background-position: -100px -57px; cursor: default; pointer-events: none; }
#survey_container .survey .survey_q .survey_choice li.choice_1 a.disabled { background-position: -100px -76px; cursor: default; pointer-events: none; }
#survey_container .survey .survey_q .survey_choice li.choice_0 a.disabled { background-position: -100px -95px; cursor: default; pointer-events: none; }
#survey_container .survey .survey_q .survey_choice li a.close { transition-delay: 0s !important; -webkit-transition-delay: 0s !important; transition-duration: 0.25s !important; -webkit-transition-duration: 0.25s !important; width: 0px !important; }
#survey_container .survey .survey_q .survey_related { width: 0px; height: 0px; visibility: hidden; opacity: 0; position: absolute; left: 0px; top: -155px; z-index: 4; overflow: hidden; transition: opacity 0.4s linear 0.8s; -webkit-transition: opacity 0.4s linear 0.8s; }
#survey_container .survey .survey_q .survey_related > div { width: 70px; height: 100%; position: absolute; top: 0px; }
#survey_container .survey .survey_q .survey_related .survey_related_day { font-size: 18px; line-height: 18px; font-weight: bold; color: #FFF; text-align: center; width: 0px; height: 0px; visibility: hidden; opacity: 0; overflow: hidden; position: absolute; left: 0px; bottom: 0px; font-family: "秀英丸ゴシック B", "Shuei MaruGo B"; }
#survey_container .survey .survey_q .survey_related .survey_related_result { width: 40px; height: 40px; position: absolute; left: 15px; bottom: 16px; transform: scale(0, 0); -webkit-transform: scale(0, 0); transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.9s; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.9s; }
#survey_container .survey .survey_q .survey_related .survey_related_result img { display: block; }
#survey_container .survey .survey_q .survey_related .survey_related_date { font-size: 18px; line-height: 18px; font-weight: bold; color: #FFF; text-align: center; width: 0px; height: 0px; position: absolute; left: 0px; bottom: 57px; visibility: hidden; opacity: 0; overflow: hidden; font-family: "秀英丸ゴシック B", "Shuei MaruGo B"; }
#survey_container .survey .survey_q .survey_related .survey_related_article { width: 100%; height: 0px; position: absolute; left: 0px; bottom: 95px; z-index: 6; overflow: hidden; }
#survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block { width: 50px; height: 50px; position: absolute; left: 10px; bottom: 0px; z-index: 6; opacity: 0; transform: translate3d(0px, -30px, 0px); -webkit-transform: translate3d(0px, -30px, 0px); transition: transform 0.75s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s linear; -webkit-transition: -webkit-transform 0.75s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s linear; }
#survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block.block_1 { bottom: 0px; }
#survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block.block_2 { bottom: 55px; }
#survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block.block_3 { bottom: 110px; }
#survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block.block_4 { bottom: 165px; }
#survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block.block_5 { bottom: 220px; }
#survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block a { display: block; position: relative; width: 50px; height: 50px; transform: scale(0.5); -webkit-transform: scale(0.5); overflow: hidden; transition: transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1); }
#survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block a:hover { transform: scale(1); -webkit-transform: scale(1); }
#survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block a img { display: block; width: 100%; height: auto; position: absolute; left: 0px; top: 50%; transform: translate3d(0px, -50%, 0px); -webkit-transform: translate3d(0px, -50%, 0px); }
#survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block .baloon { width: 220px; height: 42px; padding: 4px 5px; position: absolute; left: -90px; top: -65px; font-size: 12px; font-weight: bold; line-height: 21px; background-color: rgba(255, 255, 255, 0.5); text-align: center; display: none; }
#survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block .baloon > div { width: 220px; height: 42px; overflow: hidden; }
#survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block .baloon p { display: table; width: 100%; height: 100%; }
#survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block .baloon span { display: table-cell; vertical-align: middle; text-align: center; }
#survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block .baloon:before { content: ""; display: block; width: 0; height: 0; border-top: 10px solid rgba(255, 255, 255, 0.5); border-right: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid transparent; position: absolute; left: 105px; bottom: -20px; }
#survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block .baloon.under { top: 65px; }
#survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block .baloon.under:before { border-top: 10px solid transparent; border-bottom: 10px solid rgba(255, 255, 255, 0.5); top: -20px; }
#survey_container .survey .survey_q .survey_related .survey_related_1 .survey_related_day, #survey_container .survey .survey_q .survey_related .survey_related_1 .survey_related_date, #survey_container .survey .survey_q .survey_related .survey_related_2 .survey_related_day, #survey_container .survey .survey_q .survey_related .survey_related_2 .survey_related_date, #survey_container .survey .survey_q .survey_related .survey_related_3 .survey_related_day, #survey_container .survey .survey_q .survey_related .survey_related_3 .survey_related_date, #survey_container .survey .survey_q .survey_related .survey_related_4 .survey_related_day, #survey_container .survey .survey_q .survey_related .survey_related_4 .survey_related_date, #survey_container .survey .survey_q .survey_related .survey_related_5 .survey_related_day, #survey_container .survey .survey_q .survey_related .survey_related_5 .survey_related_date, #survey_container .survey .survey_q .survey_related .survey_related_6 .survey_related_day, #survey_container .survey .survey_q .survey_related .survey_related_6 .survey_related_date, #survey_container .survey .survey_q .survey_related .survey_related_7 .survey_related_day, #survey_container .survey .survey_q .survey_related .survey_related_7 .survey_related_date { transition: opacity 0.4s linear 0s; -webkit-transition: opacity 0.4s linear 0s; }
#survey_container .survey .survey_q .survey_related .survey_related_1 .survey_related_result, #survey_container .survey .survey_q .survey_related .survey_related_2 .survey_related_result, #survey_container .survey .survey_q .survey_related .survey_related_3 .survey_related_result, #survey_container .survey .survey_q .survey_related .survey_related_4 .survey_related_result, #survey_container .survey .survey_q .survey_related .survey_related_5 .survey_related_result, #survey_container .survey .survey_q .survey_related .survey_related_6 .survey_related_result, #survey_container .survey .survey_q .survey_related .survey_related_7 .survey_related_result { transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.1s; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.1s; }
#survey_container .survey .survey_q .survey_related .survey_related_1 .survey_related_result img, #survey_container .survey .survey_q .survey_related .survey_related_2 .survey_related_result img, #survey_container .survey .survey_q .survey_related .survey_related_3 .survey_related_result img, #survey_container .survey .survey_q .survey_related .survey_related_4 .survey_related_result img, #survey_container .survey .survey_q .survey_related .survey_related_5 .survey_related_result img, #survey_container .survey .survey_q .survey_related .survey_related_6 .survey_related_result img, #survey_container .survey .survey_q .survey_related .survey_related_7 .survey_related_result img { transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.1s; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.1s; }
#survey_container .survey .survey_q .survey_related .survey_related_1 .survey_related_article .block_1, #survey_container .survey .survey_q .survey_related .survey_related_2 .survey_related_article .block_1, #survey_container .survey .survey_q .survey_related .survey_related_3 .survey_related_article .block_1, #survey_container .survey .survey_q .survey_related .survey_related_4 .survey_related_article .block_1, #survey_container .survey .survey_q .survey_related .survey_related_5 .survey_related_article .block_1, #survey_container .survey .survey_q .survey_related .survey_related_6 .survey_related_article .block_1, #survey_container .survey .survey_q .survey_related .survey_related_7 .survey_related_article .block_1 { transition-delay: 0.0s; -webkit-transition-delay: 0.0s; }
#survey_container .survey .survey_q .survey_related .survey_related_1 .survey_related_article .block_2, #survey_container .survey .survey_q .survey_related .survey_related_2 .survey_related_article .block_2, #survey_container .survey .survey_q .survey_related .survey_related_3 .survey_related_article .block_2, #survey_container .survey .survey_q .survey_related .survey_related_4 .survey_related_article .block_2, #survey_container .survey .survey_q .survey_related .survey_related_5 .survey_related_article .block_2, #survey_container .survey .survey_q .survey_related .survey_related_6 .survey_related_article .block_2, #survey_container .survey .survey_q .survey_related .survey_related_7 .survey_related_article .block_2 { transition-delay: 0.1s; -webkit-transition-delay: 0.1s; }
#survey_container .survey .survey_q .survey_related .survey_related_1 .survey_related_article .block_3, #survey_container .survey .survey_q .survey_related .survey_related_2 .survey_related_article .block_3, #survey_container .survey .survey_q .survey_related .survey_related_3 .survey_related_article .block_3, #survey_container .survey .survey_q .survey_related .survey_related_4 .survey_related_article .block_3, #survey_container .survey .survey_q .survey_related .survey_related_5 .survey_related_article .block_3, #survey_container .survey .survey_q .survey_related .survey_related_6 .survey_related_article .block_3, #survey_container .survey .survey_q .survey_related .survey_related_7 .survey_related_article .block_3 { transition-delay: 0.2s; -webkit-transition-delay: 0.2s; }
#survey_container .survey .survey_q .survey_related .survey_related_1 .survey_related_article .block_4, #survey_container .survey .survey_q .survey_related .survey_related_2 .survey_related_article .block_4, #survey_container .survey .survey_q .survey_related .survey_related_3 .survey_related_article .block_4, #survey_container .survey .survey_q .survey_related .survey_related_4 .survey_related_article .block_4, #survey_container .survey .survey_q .survey_related .survey_related_5 .survey_related_article .block_4, #survey_container .survey .survey_q .survey_related .survey_related_6 .survey_related_article .block_4, #survey_container .survey .survey_q .survey_related .survey_related_7 .survey_related_article .block_4 { transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
#survey_container .survey .survey_q .survey_related .survey_related_1 .survey_related_article .block_5, #survey_container .survey .survey_q .survey_related .survey_related_2 .survey_related_article .block_5, #survey_container .survey .survey_q .survey_related .survey_related_3 .survey_related_article .block_5, #survey_container .survey .survey_q .survey_related .survey_related_4 .survey_related_article .block_5, #survey_container .survey .survey_q .survey_related .survey_related_5 .survey_related_article .block_5, #survey_container .survey .survey_q .survey_related .survey_related_6 .survey_related_article .block_5, #survey_container .survey .survey_q .survey_related .survey_related_7 .survey_related_article .block_5 { transition-delay: 0.4s; -webkit-transition-delay: 0.4s; }
#survey_container .survey .survey_q .survey_related .survey_related_1 { left: 0px; }
#survey_container .survey .survey_q .survey_related .survey_related_2 { left: 70px; }
#survey_container .survey .survey_q .survey_related .survey_related_3 { left: 140px; }
#survey_container .survey .survey_q .survey_related .survey_related_4 { left: 210px; }
#survey_container .survey .survey_q .survey_related .survey_related_5 { left: 280px; }
#survey_container .survey .survey_q .survey_related .survey_related_6 { left: 350px; }
#survey_container .survey .survey_q .survey_related .survey_related_7 { left: 420px; }
#survey_container .survey .survey_q .survey_graph { position: absolute; left: 50%; top: 50%; margin: -245px 0 0 -245px; z-index: 4; width: 0px; height: 0px; visibility: hidden; opacity: 0; overflow: hidden; border-radius: 56px; transform: scale(0.28571, 0.28571); -webkit-transform: scale(0.28571, 0.28571); transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.5s linear 0.1s; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.5s linear 0.1s; }
#survey_container .survey .survey_q .survey_graph .survey_graph_bg { position: absolute; left: 0px; top: 0px; }
#survey_container .survey .survey_q .survey_graph .survey_graph_bg img { display: block; }
#survey_container .survey .survey_q .survey_graph p { font-size: 12px; width: 0px; height: 0px; visibility: hidden; opacity: 0; color: #FFF; position: absolute; z-index: 4; overflow: hidden; transition: opacity 0.4s linear; -webkit-transition: opacity 0.4s linear; font-family: "秀英丸ゴシック B", "Shuei MaruGo B"; }
#survey_container .survey .survey_q .survey_graph p.survey_graph_label_1 { left: 276px; top: 108px; }
#survey_container .survey .survey_q .survey_graph p.survey_graph_label_2 { left: 344px; top: 138px; }
#survey_container .survey .survey_q .survey_graph p.survey_graph_label_3 { left: 371px; top: 206px; }
#survey_container .survey .survey_q .survey_graph p.survey_graph_label_4 { left: 371px; top: 274px; }
#survey_container .survey .survey_q .survey_graph p.survey_graph_label_5 { left: 340px; top: 343px; }
#survey_container .survey .survey_q .survey_graph p.survey_graph_label_6 { left: 276px; top: 372px; }
#survey_container .survey .survey_q .survey_graph .survey_graph_bar_1, #survey_container .survey .survey_q .survey_graph .survey_graph_bar_2, #survey_container .survey .survey_q .survey_graph .survey_graph_bar_3, #survey_container .survey .survey_q .survey_graph .survey_graph_bar_4, #survey_container .survey .survey_q .survey_graph .survey_graph_bar_5, #survey_container .survey .survey_q .survey_graph .survey_graph_bar_6 { height: 2px; position: absolute; top: 50%; margin-top: -1px; transform-origin: left center; -webkit-transform-origin: left center; z-index: 4; }
#survey_container .survey .survey_q .survey_graph .survey_graph_bar_1 span, #survey_container .survey .survey_q .survey_graph .survey_graph_bar_2 span, #survey_container .survey .survey_q .survey_graph .survey_graph_bar_3 span, #survey_container .survey .survey_q .survey_graph .survey_graph_bar_4 span, #survey_container .survey .survey_q .survey_graph .survey_graph_bar_5 span, #survey_container .survey .survey_q .survey_graph .survey_graph_bar_6 span { display: block; position: relative; transition: width 1s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.25s linear; -webkit-transition: width 1s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.25s linear; transition-delay: 0s; -webkit-transition-delay: 0s; height: 2px; background-color: #FFF; }
#survey_container .survey .survey_q .survey_graph .survey_graph_bar_1 span:before, #survey_container .survey .survey_q .survey_graph .survey_graph_bar_2 span:before, #survey_container .survey .survey_q .survey_graph .survey_graph_bar_3 span:before, #survey_container .survey .survey_q .survey_graph .survey_graph_bar_4 span:before, #survey_container .survey .survey_q .survey_graph .survey_graph_bar_5 span:before, #survey_container .survey .survey_q .survey_graph .survey_graph_bar_6 span:before { content: ""; display: block; width: 9px; height: 11px; position: absolute; top: 50%; right: -5px; background-image: url(../img/graph_bar_small_arrow.png); background-size: 9px 11px; background-repeat: no-repeat; margin-top: -5px; }
#survey_container .survey .survey_q .survey_graph .survey_graph_bar_1 { width: 120px; left: 245px; transform: rotate(-75deg); -webkit-transform: rotate(-75deg); }
#survey_container .survey .survey_q .survey_graph .survey_graph_bar_2 { width: 127px; left: 245px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
#survey_container .survey .survey_q .survey_graph .survey_graph_bar_3 { width: 120px; left: 245px; transform: rotate(-15deg); -webkit-transform: rotate(-15deg); }
#survey_container .survey .survey_q .survey_graph .survey_graph_bar_4 { width: 120px; left: 245px; transform: rotate(15deg); -webkit-transform: rotate(15deg); }
#survey_container .survey .survey_q .survey_graph .survey_graph_bar_5 { width: 127px; left: 245px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
#survey_container .survey .survey_q .survey_graph .survey_graph_bar_6 { width: 120px; left: 245px; transform: rotate(75deg); -webkit-transform: rotate(75deg); }
#survey_container .survey .survey_q .survey_text_inner { font-size: 14px; font-weight: bold; line-height: 24px; color: #FFF; text-align: center; width: 0px; height: 0px; visibility: hidden; opacity: 0; position: absolute; left: 52px; top: 223px; z-index: 5; overflow: hidden; transform: scale(0.28571, 0.28571); -webkit-transform: scale(0.28571, 0.28571); transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.5s linear 0.1s; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.5s linear 0.1s; }
#survey_container .survey .survey_q .survey_rank_inner { font-size: 14px; line-height: 14px; font-weight: bold; color: #FFF; text-align: center; width: 0px; height: 0px; visibility: hidden; opacity: 0; position: absolute; left: 52px; bottom: 142px; z-index: 5; overflow: hidden; transform: scale(0.28571, 0.28571); -webkit-transform: scale(0.28571, 0.28571); transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.5s linear 0.1s; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.5s linear 0.1s; }
#survey_container .survey .survey_q .survey_rank_inner.large { font-size: 18px; line-height: 21px; bottom: 294px; }
#survey_container .survey .survey_q .survey_share { width: 0px; height: 0px; position: absolute; bottom: 180px; left: 98px; z-index: 5; overflow: hidden; opacity: 0; visibility: hidden; transform: scale(0.28571, 0.28571); -webkit-transform: scale(0.28571, 0.28571); transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.5s linear 0.1s; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.5s linear 0.1s; }
#survey_container .survey .survey_q .survey_share a { overflow: hidden; white-space: nowrap; text-indent: 200%; display: block; width: 18px; height: 18px; position: absolute; top: 0px; background-size: 18px 18px; }
#survey_container .survey .survey_q .survey_share a img { display: block; }
#survey_container .survey .survey_q .survey_share a.fb { background-image: url(../img/vector_share_fb.png); left: 0px; }
#survey_container .survey .survey_q .survey_share a.tw { background-image: url(../img/vector_share_tw.png); right: 0px; }
#survey_container .survey .survey_q .survey_average_rank { font-size: 18px; font-weight: bold; line-height: 24px; color: #FFF; text-align: center; width: 0px; height: 0px; visibility: hidden; opacity: 0; position: absolute; left: 0px; bottom: 50px; z-index: 5; overflow: hidden; transition: opacity 0.4s linear 0s; -webkit-transition: opacity 0.4s linear 0s; font-family: "秀英丸ゴシック B", "Shuei MaruGo B"; }
#survey_container .survey .survey_q .survey_average { width: 0px; height: 0px; position: absolute; left: 244px; top: 237px; z-index: 5; overflow: hidden; visibility: hidden; }
#survey_container .survey .survey_q .survey_average .survey_average_arrow { width: 0px; height: 17px; background-color: #FFF; display: block; opacity: 0; transform-origin: left center; -webkit-transform-origin: left center; transition: width 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s linear; -webkit-transition: width 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s linear; position: relative; }
#survey_container .survey .survey_q .survey_average .survey_average_arrow:before { content: ""; display: block; width: 66px; height: 74px; background-image: url(../img/vector_average.png); position: absolute; right: -64px; top: -28px; }
#survey_container .survey:not(.voted) .survey_q .survey_graph .survey_graph_bar_1 span, #survey_container .survey:not(.voted) .survey_q .survey_graph .survey_graph_bar_2 span, #survey_container .survey:not(.voted) .survey_q .survey_graph .survey_graph_bar_3 span, #survey_container .survey:not(.voted) .survey_q .survey_graph .survey_graph_bar_4 span, #survey_container .survey:not(.voted) .survey_q .survey_graph .survey_graph_bar_5 span, #survey_container .survey:not(.voted) .survey_q .survey_graph .survey_graph_bar_6 span { width: 0px !important; opacity: 0 !important; }
#survey_container .survey:not(.average) .survey_q .survey_average .survey_average_arrow { width: 0px !important; }
#survey_container .survey.expand { width: 490px; }
#survey_container .survey.expand .survey_vertical_border div { transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s; }
#survey_container .survey.expand .survey_vertical_border_1 { transform: translate3d(-210px, 0px, 0px); -webkit-transform: translate3d(-210px, 0px, 0px); }
#survey_container .survey.expand .survey_vertical_border_2 { transform: translate3d(-140px, 0px, 0px); -webkit-transform: translate3d(-140px, 0px, 0px); }
#survey_container .survey.expand .survey_vertical_border_3 { transform: translate3d(-70px, 0px, 0px); -webkit-transform: translate3d(-70px, 0px, 0px); }
#survey_container .survey.expand .survey_vertical_border_4 { transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); }
#survey_container .survey.expand .survey_vertical_border_5 { transform: translate3d(70px, 0px, 0px); -webkit-transform: translate3d(70px, 0px, 0px); }
#survey_container .survey.expand .survey_vertical_border_6 { transform: translate3d(140px, 0px, 0px); -webkit-transform: translate3d(140px, 0px, 0px); }
#survey_container .survey.expand .survey_vertical_border_7 { transform: translate3d(210px, 0px, 0px); -webkit-transform: translate3d(210px, 0px, 0px); }
#survey_container .survey.expand .survey_period_outer, #survey_container .survey.expand .survey_rank_outer, #survey_container .survey.expand .survey_text_outer { display: none; }
#survey_container .survey.expand .survey_q { pointer-events: auto; width: 490px; height: 490px; }
#survey_container .survey.expand .survey_q .survey_bg { transition: background-color 0.3s linear, transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), width 0s linear 0s, height 0s linear 0s; -webkit-transition: background-color 0.3s linear, -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), width 0s linear 0s, height 0s linear 0s; background-color: transparent; transform: translate3d(-50%, -50%, 0px); -webkit-transform: translate3d(-50%, -50%, 0px); width: 800px; height: 800px; }
#survey_container .survey.expand .survey_q .survey_bg canvas.q_anim { opacity: 1; }
#survey_container .survey.expand .survey_q .survey_bg canvas.wq_anim { opacity: 0; }
#survey_container .survey.expand .survey_q .survey_bg:before { background-color: #ff284c; }
#survey_container .survey.expand .survey_q .survey_move_next, #survey_container .survey.expand .survey_q .survey_move_prev { display: block; }
#survey_container .survey.expand .survey_q .survey_graph { width: 100%; height: 100%; visibility: visible; opacity: 1; transform: scale(1, 1); -webkit-transform: scale(1, 1); }
#survey_container .survey.expand .survey_q .survey_graph .survey_graph_bar_6 span { transition-delay: 1.4s; -webkit-transition-delay: 1.4s; }
#survey_container .survey.expand .survey_q .survey_graph .survey_graph_bar_5 span { transition-delay: 1.5s; -webkit-transition-delay: 1.5s; }
#survey_container .survey.expand .survey_q .survey_graph .survey_graph_bar_4 span { transition-delay: 1.6s; -webkit-transition-delay: 1.6s; }
#survey_container .survey.expand .survey_q .survey_graph .survey_graph_bar_3 span { transition-delay: 1.7s; -webkit-transition-delay: 1.7s; }
#survey_container .survey.expand .survey_q .survey_graph .survey_graph_bar_2 span { transition-delay: 1.8s; -webkit-transition-delay: 1.8s; }
#survey_container .survey.expand .survey_q .survey_graph .survey_graph_bar_1 span { transition-delay: 1.9s; -webkit-transition-delay: 1.9s; }
#survey_container .survey.expand .survey_q .survey_text_inner { width: 140px; height: 48px; visibility: visible; opacity: 1; transform: scale(1, 1) translate3d(0px, 0px, 1px); -webkit-transform: scale(1, 1) translate3d(0px, 0px, 1px); }
#survey_container .survey.expand .survey_q .survey_rank_inner { transform: scale(1, 1) translate3d(0px, 0px, 1px); -webkit-transform: scale(1, 1) translate3d(0px, 0px, 1px); }
#survey_container .survey.expand .survey_q .survey_share { transform: scale(1, 1) translate3d(0px, 0px, 1px); -webkit-transform: scale(1, 1) translate3d(0px, 0px, 1px); }
#survey_container .survey.expand .survey_q .survey_related { width: 100%; height: 220px; visibility: visible; opacity: 1; overflow: visible; }
#survey_container .survey.expand .survey_q .survey_choice { width: 100px; height: 144px; visibility: visible; transform: translate3d(0px, 0px, 1px); -webkit-transform: translate3d(0px, 0px, 1px); }
#survey_container .survey.expand .survey_q .survey_choice li a { width: 100px; }
#survey_container .survey.expand .survey_q .survey_choice li.choice_5 a { transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1) 1.25s; -webkit-transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1) 1.25s; }
#survey_container .survey.expand .survey_q .survey_choice li.choice_4 a { transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1) 1.3s; -webkit-transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1) 1.3s; }
#survey_container .survey.expand .survey_q .survey_choice li.choice_3 a { transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1) 1.35s; -webkit-transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1) 1.35s; }
#survey_container .survey.expand .survey_q .survey_choice li.choice_2 a { transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1) 1.4s; -webkit-transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1) 1.4s; }
#survey_container .survey.expand .survey_q .survey_choice li.choice_1 a { transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1) 1.45s; -webkit-transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1) 1.45s; }
#survey_container .survey.expand .survey_q .survey_choice li.choice_0 a { transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1) 1.5s; -webkit-transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1) 1.5s; }
#survey_container .survey.expand.voted .survey_q .survey_graph p { width: 120px; height: 14px; visibility: visible; opacity: 1; }
#survey_container .survey.expand.voted .survey_q .survey_rank_inner { width: 140px; height: 14px; visibility: visible; opacity: 1; font-family: "秀英丸ゴシック B", "Shuei MaruGo B"; }
#survey_container .survey.expand.voted .survey_q .survey_rank_inner.large { height: 21px; }
#survey_container .survey.expand.voted .survey_q .survey_share { width: 48px; height: 18px; visibility: visible; opacity: 1; }
#survey_container .survey.expand.voted .survey_q .survey_choice { display: none; }
#survey_container .survey.expand.average .survey_q .survey_related .survey_related_block.show .survey_related_date { width: 100%; height: 18px; visibility: visible; opacity: 1; }
#survey_container .survey.expand.average .survey_q .survey_related .survey_related_block.show .survey_related_day { width: 100%; height: 18px; visibility: visible; opacity: 1; }
#survey_container .survey.expand.average .survey_q .survey_related .survey_related_block.show .survey_related_result { transform: scale(1, 1); -webkit-transform: scale(1, 1); }
#survey_container .survey.expand.average .survey_q .survey_related .survey_related_block.show .survey_related_article { overflow: visible; }
#survey_container .survey.expand.average .survey_q .survey_related .survey_related_block.show .survey_related_article .survey_related_article_block { opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); }
#survey_container .survey.expand.average .survey_q .survey_graph .survey_graph_bar_1 span, #survey_container .survey.expand.average .survey_q .survey_graph .survey_graph_bar_2 span, #survey_container .survey.expand.average .survey_q .survey_graph .survey_graph_bar_3 span, #survey_container .survey.expand.average .survey_q .survey_graph .survey_graph_bar_4 span, #survey_container .survey.expand.average .survey_q .survey_graph .survey_graph_bar_5 span, #survey_container .survey.expand.average .survey_q .survey_graph .survey_graph_bar_6 span { width: 0px !important; opacity: 0; transition-delay: 0s; -webkit-transition-delay: 0s; }
#survey_container .survey.expand.average .survey_q .survey_average { visibility: visible; overflow: visible; }
#survey_container .survey.expand.average .survey_q .survey_average .survey_average_arrow { opacity: 1; }
#survey_container .survey.expand.average .survey_q .survey_average_rank { width: 100%; height: 24px; visibility: visible; opacity: 1; }
#survey_container .survey.clickable { z-index: 3; }
#survey_container .survey.clickable .survey_q { pointer-events: auto; cursor: pointer; }
#survey_container .survey.clickable .survey_q .survey_text_outer { transition-duration: 0s; -webkit-transition-duration: 0s; }
#survey_container .survey.clickable .survey_q .survey_bg { transition-duration: 0s; -webkit-transition-duration: 0s; }
#survey_container .survey.clickable .survey_q .survey_bg:before { transition-duration: 0s; -webkit-transition-duration: 0s; }
#survey_container .survey.clickable .survey_q.hover .survey_text_outer { color: #FFF; }
#survey_container .survey.clickable .survey_q.hover .survey_rank_outer.inrank { color: #FFF; }
#survey_container .survey.clickable .survey_q.hover .survey_bg canvas.q_anim { opacity: 1; }
#survey_container .survey.clickable .survey_q.hover .survey_bg canvas.wq_anim { opacity: 0; }
#survey_container .survey.clickable .survey_q.hover .survey_bg:before { background-color: #ff284c; }
#survey_container .survey.skelton .survey_q .survey_bg { background-image: url(../img/q_skelton.png); background-repeat: no-repeat; background-size: 140px 140px; background-color: transparent; border-radius: 0px; }
#survey_container .survey.skelton .survey_q .survey_bg:before { display: none; }

#survey_container.showall .survey.expand .survey_q .survey_move_next, #survey_container.showall .survey.expand .survey_q .survey_move_prev { width: 40px; height: 50px; visibility: visible; opacity: 1; transition: opacity 0.5s linear; -webkit-transition: opacity 0.5s linear; }

#fontpreload { color: transparent; opacity: 0; position: absolute; left: 0px; top: 0px; z-index: 0; font-family: "秀英丸ゴシック B", "Shuei MaruGo B"; }

#post_modal { display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); z-index: 300; }

.noMatchResult { display: none; width: 400px; height: 20px; font-size: 14px; line-height: 20px; font-weight: bold; color: #ff284c; text-align: center; position: absolute; left: 50%; top: 50%; margin: -10px 0 0 -200px; }

#about { width: 460px; height: 420px; position: absolute; left: 50%; top: 175%; margin: -208px 0 0 -35px; transition: top 2s cubic-bezier(0.77, 0, 0.175, 1) 0.5s; -webkit-transition: top 2s cubic-bezier(0.77, 0, 0.175, 1) 0.5s; z-index: 400; }
#about h2, #about small { font-family: "秀英丸ゴシック B", "Shuei MaruGo B"; }
#about h2 { font-size: 20px; height: 30px; letter-spacing: 1px; }
#about p { font-size: 12px; line-height: 21px; height: 294px; margin: 33px 0 40px 0; font-weight: bold; }
#about p br.sp { display: none; }
#about small { height: 21px; font-size: 12px; line-height: 21px; letter-spacing: 0.5px; }
#about small a { color: #000; }
#about small a:hover { color: #ff284c; }

#spfooter { display: none; }

#horizontalMask { display: none; }

body.open_post #main { -webkit-filter: blur(5px); -moz-filter: blur(5px); -ms-filter: blur(5px); -o-filter: blur(5px); filter: blur(5px); }
body.open_post #post_modal { display: block; }

body.beforeExpand #survey_container .survey .survey_q .survey_period_outer, body.beforeExpand #survey_container .survey .survey_q .survey_rank_outer { display: none; }

body.expand #title { transform: translate3d(0, 165px, 0px); -webkit-transform: translate3d(0, 165px, 0px); z-index: 500; }
body.expand #title h1 img.red, body.expand #title small img.red { opacity: 0; }
body.expand #title h1 img.white, body.expand #title small img.white { opacity: 1; }
body.expand #title p span { opacity: 0; }
body.expand #title p:before { opacity: 1; }
body.expand #graph_bg { opacity: 0; }

body.subcontents #graph_bg { opacity: 0; }
body.subcontents #title, body.subcontents #survey_container .survey .survey_q { top: -75%; }
body.subcontents #menu .menu_slide.open { width: 0px; }
body.subcontents #about { top: 50%; }

/*
* touch
*/
html.touch { min-width: 0px; min-height: 0px; }
html.touch #dlounge { width: 43px; height: 35px; background-image: url(../img/dlounge_logo_sp.png); background-size: 43px 35px; background-repeat: no-repeat; }
html.touch #dlounge img { display: none; }
html.touch #graph_bg { display: none; }
html.touch #graph_bg img { display: none; }
html.touch #title { width: 270px; height: auto; top: 90px; left: 50%; margin: 0 0 0 -135px; }
html.touch #title h1 { opacity: 1; position: relative; width: 215px; height: 40px; background-image: url(../img/vector_title_sp.png); background-size: 215px 40px; background-repeat: no-repeat; }
html.touch #title h1 img { display: none; }
html.touch #title p { opacity: 1; position: absolute; color: #000; top: 68px; margin: 0; }
html.touch #title p span { opacity: 1; transition: opacity 0.5s linear; -webkit-transition: opacity 0.5s linear; position: relative; z-index: 0; }
html.touch #title p span br.sp { display: block; }
html.touch #title p:before { display: none; content: ""; }
html.touch #title small { display: none; }
html.touch #menu .toggleMenu { width: 25px; height: 25px; background-image: url(../img/menu_sp.png); background-size: 25px 25px; z-index: 520; }
html.touch #menu .toggleMenu.open { background-image: url(../img/menu_sp_close.png); }
html.touch #menu .sort_type { font-size: 8px; right: 32px; top: 48px; }
html.touch #menu .closeSubcontents { display: none; width: 25px; height: 25px; position: absolute; top: 25px; right: 25px; overflow: hidden; text-indent: 200%; white-space: nowrap; background-image: url(../img/close_sp.png); background-size: 25px 25px; background-repeat: no-repeat; z-index: 200; }
html.touch #menu .menu_slide.open { width: 100%; }
html.touch #menu .menu_slide .menu_slider_content { width: 100%; height: 100%; }
html.touch #menu .menu_slide .menu_slider_content .menu_block { margin-bottom: 50px; }
html.touch #menu .menu_slide .menu_slider_content .menu_block h2 { height: 20px; color: #FFF; font-size: 20px; line-height: 20px; font-weight: bold; font-family: "秀英丸ゴシック B", "Shuei MaruGo B"; }
html.touch #menu .menu_slide .menu_slider_content .menu_block h2:before { content: "ABOUT :"; }
html.touch #menu .menu_slide .menu_slider_content .menu_block h2 img { display: none; }
html.touch #menu .menu_slide .menu_slider_content .menu_sort { margin-top: 50px; }
html.touch #menu .menu_slide .menu_slider_content .menu_sort h2:before { content: "SORT :"; }
html.touch #menu .menu_slide .menu_slider_content .menu_sort .sort_nav { border: 1px solid #FFF; box-sizing: border-box; width: 100%; height: 45px; }
html.touch #menu .menu_slide .menu_slider_content .menu_sort .sort_nav li { box-sizing: border-box; position: relative; float: left; height: 44px; }
html.touch #menu .menu_slide .menu_slider_content .menu_sort .sort_nav li a { display: block; width: 100%; height: 100%; overflow: hidden; text-indent: 0px; background-image: none; background-repeat: no-repeat; background-position: center center; color: #FFF; text-decoration: none; font-size: 14px; line-height: 44px; font-family: "秀英丸ゴシック B", "Shuei MaruGo B"; text-align: center; }
html.touch #menu .menu_slide .menu_slider_content .menu_sort .sort_nav li a.current { color: #000; background-color: #FFF; }
html.touch #menu .menu_slide .menu_slider_content .menu_sort .sort_nav .sort_time { width: 33.33%; border-right: 1px solid #FFF; }
html.touch #menu .menu_slide .menu_slider_content .menu_sort .sort_nav .sort_rank { width: 33.33%; border-right: 1px solid #FFF; }
html.touch #menu .menu_slide .menu_slider_content .menu_sort .sort_nav .sort_label { position: relative; width: 33.33%; }
html.touch #menu .menu_slide .menu_slider_content .menu_sort .sort_nav .sort_label:hover > a { color: #000; background-color: #FFF; }
html.touch #menu .menu_slide .menu_slider_content .menu_sort .sort_nav .sort_label ul { display: none; position: absolute; top: 45px; right: -1px; }
html.touch #menu .menu_slide .menu_slider_content .menu_sort .sort_nav .sort_label ul li { border-bottom: 1px solid #000; width: 300px; height: 38px; background-color: #FFF; }
html.touch #menu .menu_slide .menu_slider_content .menu_sort .sort_nav .sort_label ul li a { box-sizing: border-box; position: relative; display: block; width: 100%; height: 38px; padding-right: 22px; line-height: 38px; font-size: 14px; color: #000; text-decoration: none; text-align: right; font-family: "秀英丸ゴシック B", "Shuei MaruGo B"; text-indent: 0px; white-space: normal; }
html.touch #menu .menu_slide .menu_slider_content .menu_sort .sort_nav .sort_label ul li a.checked:before { content: ""; display: block; width: 38px; height: 38px; background-image: url(../img/label_check.png); background-size: 38px 38px; background-repeat: no-repeat; position: absolute; left: 10px; }
html.touch #menu .menu_slide .menu_slider_content .menu_post h2:before { content: "POST YOUR QUESTION : "; }
html.touch #menu .menu_slide .menu_slider_content .menu_post a { width: 100%; height: 44px; background-image: none; color: #FFF; text-align: center; font-size: 14px; line-height: 44px; text-decoration: none; font-family: "秀英丸ゴシック B", "Shuei MaruGo B"; }
html.touch #menu .menu_slide .menu_slider_content .menu_post a:before { content: "POST"; }
html.touch #menu .menu_slide .menu_slider_content .menu_post a:hover { color: #000; }
html.touch #menu .menu_slide .menu_slider_content .menu_about h2:before { content: "ABOUT :"; }
html.touch #menu .menu_slide .menu_slider_content .menu_about a { width: 100%; height: 44px; background-image: none; color: #FFF; text-align: center; font-size: 14px; line-height: 44px; text-decoration: none; font-family: "秀英丸ゴシック B", "Shuei MaruGo B"; }
html.touch #menu .menu_slide .menu_slider_content .menu_about a:before { content: "VIEW"; }
html.touch #menu .menu_slide .menu_slider_content .menu_about a:hover { color: #000; }
html.touch #survey_container { z-index: 101; }
html.touch #survey_container .survey { width: 160px; }
html.touch #survey_container .survey .survey_vertical_border { display: none; }
html.touch #survey_container .survey.hidden .survey_q { transform: translate3d(0%, -50%, 0px) scale(0, 0); -webkit-transform: translate3d(0%, -50%, 0px) scale(0, 0); }
html.touch #survey_container .survey .survey_q { width: 160px; height: 160px; top: 50%; transform: translate3d(0%, -50%, 0px) scale(1, 1); -webkit-transform: translate3d(0%, -50%, 0px) scale(1, 1); }
html.touch #survey_container .survey .survey_q .survey_bg { width: 160px; height: 160px; }
html.touch #survey_container .survey .survey_q .survey_bg canvas { width: 400px; height: 400px; margin: -200px 0 0 -200px; }
html.touch #survey_container .survey .survey_q .survey_text_outer { box-sizing: border-box; padding: 0 10px; color: #FFF; margin: 56px 0; }
html.touch #survey_container .survey .survey_q .survey_rank_outer { display: block; font-size: 13px; bottom: 25px; }
html.touch #survey_container .survey .survey_q .survey_period_outer { display: block; font-size: 13px; color: #ff284c; top: auto; bottom: -28px; }
html.touch #survey_container .survey .survey_q .survey_text_inner { font-size: 12px; line-height: 20px; left: 5px; top: 115px; }
html.touch #survey_container .survey .survey_q .survey_rank_inner { font-size: 9px; left: 5px; bottom: 60px; }
html.touch #survey_container .survey .survey_q .survey_move_next, html.touch #survey_container .survey .survey_q .survey_move_prev { margin-top: -25px; background-size: 25px 50px; }
html.touch #survey_container .survey .survey_q .survey_move_next { background-image: url(../img/move_arrow_next_sp.png); left: -25px; }
html.touch #survey_container .survey .survey_q .survey_move_prev { background-image: url(../img/move_arrow_prev_sp.png); right: -25px; }
html.touch #survey_container .survey .survey_q .survey_graph { left: 50%; top: 50%; margin: -135px 0 0 -135px; overflow: visible; }
html.touch #survey_container .survey .survey_q .survey_graph .survey_graph_bg { width: 100%; height: 100%; background-image: url(../img/inner_graph_bg_sp.png); background-position: center center; background-repeat: no-repeat; background-size: 270px 270px; }
html.touch #survey_container .survey .survey_q .survey_graph .survey_graph_bg img { display: none; }
html.touch #survey_container .survey .survey_q .survey_graph p { font-size: 9px; line-height: 12px; }
html.touch #survey_container .survey .survey_q .survey_graph p span.score_label { display: block; }
html.touch #survey_container .survey .survey_q .survey_graph p.survey_graph_label_1 { left: 155px; top: 28px; }
html.touch #survey_container .survey .survey_q .survey_graph p.survey_graph_label_2 { left: 201px; top: 56px; }
html.touch #survey_container .survey .survey_q .survey_graph p.survey_graph_label_3 { left: 217px; top: 101px; }
html.touch #survey_container .survey .survey_q .survey_graph p.survey_graph_label_4 { left: 217px; top: 145px; }
html.touch #survey_container .survey .survey_q .survey_graph p.survey_graph_label_5 { left: 200px; top: 190px; }
html.touch #survey_container .survey .survey_q .survey_graph p.survey_graph_label_6 { left: 155px; top: 218px; }
html.touch #survey_container .survey .survey_q .survey_graph .survey_graph_bar_1, html.touch #survey_container .survey .survey_q .survey_graph .survey_graph_bar_2, html.touch #survey_container .survey .survey_q .survey_graph .survey_graph_bar_3, html.touch #survey_container .survey .survey_q .survey_graph .survey_graph_bar_4, html.touch #survey_container .survey .survey_q .survey_graph .survey_graph_bar_5, html.touch #survey_container .survey .survey_q .survey_graph .survey_graph_bar_6 { height: 2px; position: absolute; top: 50%; margin-top: -1px; transform-origin: left center; -webkit-transform-origin: left center; z-index: 4; }
html.touch #survey_container .survey .survey_q .survey_graph .survey_graph_bar_1 span, html.touch #survey_container .survey .survey_q .survey_graph .survey_graph_bar_2 span, html.touch #survey_container .survey .survey_q .survey_graph .survey_graph_bar_3 span, html.touch #survey_container .survey .survey_q .survey_graph .survey_graph_bar_4 span, html.touch #survey_container .survey .survey_q .survey_graph .survey_graph_bar_5 span, html.touch #survey_container .survey .survey_q .survey_graph .survey_graph_bar_6 span { display: block; position: relative; transition: width 1s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.25s linear; -webkit-transition: width 1s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.25s linear; transition-delay: 0s; -webkit-transition-delay: 0s; height: 2px; background-color: #FFF; }
html.touch #survey_container .survey .survey_q .survey_graph .survey_graph_bar_1 span:before, html.touch #survey_container .survey .survey_q .survey_graph .survey_graph_bar_2 span:before, html.touch #survey_container .survey .survey_q .survey_graph .survey_graph_bar_3 span:before, html.touch #survey_container .survey .survey_q .survey_graph .survey_graph_bar_4 span:before, html.touch #survey_container .survey .survey_q .survey_graph .survey_graph_bar_5 span:before, html.touch #survey_container .survey .survey_q .survey_graph .survey_graph_bar_6 span:before { content: ""; display: block; width: 9px; height: 11px; position: absolute; top: 50%; right: -5px; background-image: url(../img/graph_bar_small_arrow.png); background-size: 9px 11px; background-repeat: no-repeat; margin-top: -5px; }
html.touch #survey_container .survey .survey_q .survey_graph .survey_graph_bar_1 { width: 78px; left: 135px; transform: rotate(-75deg); -webkit-transform: rotate(-75deg); }
html.touch #survey_container .survey .survey_q .survey_graph .survey_graph_bar_2 { width: 84px; left: 135px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
html.touch #survey_container .survey .survey_q .survey_graph .survey_graph_bar_3 { width: 78px; left: 135px; transform: rotate(-15deg); -webkit-transform: rotate(-15deg); }
html.touch #survey_container .survey .survey_q .survey_graph .survey_graph_bar_4 { width: 78px; left: 135px; transform: rotate(15deg); -webkit-transform: rotate(15deg); }
html.touch #survey_container .survey .survey_q .survey_graph .survey_graph_bar_5 { width: 84px; left: 135px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
html.touch #survey_container .survey .survey_q .survey_graph .survey_graph_bar_6 { width: 78px; left: 135px; transform: rotate(75deg); -webkit-transform: rotate(75deg); }
html.touch #survey_container .survey .survey_q .survey_share { bottom: 86px; left: 44px; }
html.touch #survey_container .survey .survey_q .survey_average { left: 135px; top: 131px; }
html.touch #survey_container .survey .survey_q .survey_average .survey_average_arrow { width: 0px; height: 8px; background-color: #FFF; display: block; opacity: 0; transform-origin: left center; -webkit-transform-origin: left center; transition: width 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s linear; -webkit-transition: width 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s linear; position: relative; }
html.touch #survey_container .survey .survey_q .survey_average .survey_average_arrow:before { content: ""; display: block; width: 33px; height: 37px; background-image: url(../img/vector_average.png); background-size: 33px 37px; position: absolute; right: -32px; top: -14px; }
html.touch #survey_container .survey .survey_q .survey_period_sp { font-size: 14px; font-weight: bold; line-height: 24px; color: #ff284c; text-align: left; width: 0px; height: 0px; visibility: hidden; opacity: 0; position: absolute; left: 0px; bottom: -30px; z-index: 5; overflow: hidden; transition: opacity 0.4s linear 0s; -webkit-transition: opacity 0.4s linear 0s; font-family: "秀英丸ゴシック B", "Shuei MaruGo B"; }
html.touch #survey_container .survey .survey_q .survey_average_rank { font-size: 14px; color: #ff284c; text-align: left; bottom: -50px; }
html.touch #survey_container .survey .survey_q .survey_related { width: 0px; height: 0px; visibility: hidden; opacity: 0; position: absolute; left: 0px; top: auto; bottom: -350px; z-index: 4; overflow: hidden; transition: opacity 0.4s linear 0.8s; -webkit-transition: opacity 0.4s linear 0.8s; }
html.touch #survey_container .survey .survey_q .survey_related > div { width: 100%; height: 34px; position: relative; top: auto; left: auto; margin: 0 0 6px 0; }
html.touch #survey_container .survey .survey_q .survey_related .survey_related_date { font-size: 13px; line-height: 17px; font-weight: bold; color: #ff284c; text-align: center; width: 45px; height: 17px; position: absolute; left: 35px; bottom: auto; top: 0px; visibility: hidden; opacity: 0; overflow: hidden; font-family: "秀英丸ゴシック B", "Shuei MaruGo B"; }
html.touch #survey_container .survey .survey_q .survey_related .survey_related_day { font-size: 13px; line-height: 17px; font-weight: bold; color: #ff284c; text-align: center; width: 45px; height: 17px; visibility: hidden; opacity: 0; overflow: hidden; position: absolute; left: 35px; bottom: auto; top: 15px; font-family: "秀英丸ゴシック B", "Shuei MaruGo B"; }
html.touch #survey_container .survey .survey_q .survey_related .survey_related_result { width: 30px; height: 30px; position: absolute; left: 0px; bottom: auto; top: 2px; transform: scale(0, 0); -webkit-transform: scale(0, 0); }
html.touch #survey_container .survey .survey_q .survey_related .survey_related_result img { display: block; width: 30px; height: 30px; }
html.touch #survey_container .survey .survey_q .survey_related .survey_related_article { width: 190px; height: 30px; position: absolute; left: auto; right: 0px; bottom: auto; top: 2px; z-index: 6; overflow: hidden; }
html.touch #survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block { width: 100%; height: 100%; position: absolute; left: 0px; bottom: 0px; z-index: 6; opacity: 0; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); transition: transform 0.75s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s linear; -webkit-transition: -webkit-transform 0.75s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s linear; }
html.touch #survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block.block_1 { display: block; }
html.touch #survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block.block_2, html.touch #survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block.block_3, html.touch #survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block.block_4, html.touch #survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block.block_5 { display: none; }
html.touch #survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block a { display: block; position: relative; width: 100%; height: 30px; transform: none !important; -webkit-transform: none !important; overflow: hidden; transition: none 0s; -webkit-transition: none 0s; z-index: 1; }
html.touch #survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block a:hover { transform: none; -webkit-transform: none; }
html.touch #survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block a img { display: block; width: auto; height: 100%; position: absolute; left: 0px; top: 0px; transform: none !important; -webkit-transform: none !important; }
html.touch #survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block .baloon { width: 155px; height: 30px; padding: 0px; position: absolute; left: auto; right: 0px; top: 0px; font-size: 10px; font-weight: normal; line-height: 15px; background-color: transparent; text-align: left; display: block; z-index: 0; }
html.touch #survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block .baloon > div { width: 155px; height: 30px; overflow: hidden; }
html.touch #survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block .baloon p { display: table; width: 100%; height: 100%; }
html.touch #survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block .baloon span { display: table-cell; vertical-align: middle; text-align: left; }
html.touch #survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block .baloon:before { display: none; }
html.touch #survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block .baloon.under { top: 65px; }
html.touch #survey_container .survey .survey_q .survey_related .survey_related_article .survey_related_article_block .baloon.under:before { border-top: 10px solid transparent; border-bottom: 10px solid rgba(255, 255, 255, 0.5); top: -20px; }
html.touch #survey_container .survey .survey_q .survey_choice { position: absolute; left: 135px; top: 66px; width: 0px; height: 0px; z-index: 5; visibility: hidden; overflow: hidden; }
html.touch #survey_container .survey .survey_q .survey_choice li { position: relative; width: 100px; height: 19px; margin: 0 0 5px 0; }
html.touch #survey_container .survey .survey_q .survey_choice li a { display: block; width: 0px; height: 19px; background-image: url(../img/vector_selection_sp.png); background-size: 200px 114px; overflow: hidden; text-indent: 200%; white-space: nowrap; }
html.touch #survey_container .survey .survey_q .survey_choice li.choice_5 a { background-position: 0px 0px; }
html.touch #survey_container .survey .survey_q .survey_choice li.choice_4 a { background-position: 0px -19px; }
html.touch #survey_container .survey .survey_q .survey_choice li.choice_3 a { background-position: 0px -38px; }
html.touch #survey_container .survey .survey_q .survey_choice li.choice_2 a { background-position: 0px -57px; }
html.touch #survey_container .survey .survey_q .survey_choice li.choice_1 a { background-position: 0px -76px; }
html.touch #survey_container .survey .survey_q .survey_choice li.choice_0 a { background-position: 0px -95px; }
html.touch #survey_container .survey .survey_q .survey_choice li.choice_5 a:hover { background-position: -100px 0px; }
html.touch #survey_container .survey .survey_q .survey_choice li.choice_4 a:hover { background-position: -100px -19px; }
html.touch #survey_container .survey .survey_q .survey_choice li.choice_3 a:hover { background-position: -100px -38px; }
html.touch #survey_container .survey .survey_q .survey_choice li.choice_2 a:hover { background-position: -100px -57px; }
html.touch #survey_container .survey .survey_q .survey_choice li.choice_1 a:hover { background-position: -100px -76px; }
html.touch #survey_container .survey .survey_q .survey_choice li.choice_0 a:hover { background-position: -100px -95px; }
html.touch #survey_container .survey .survey_q .survey_choice li.choice_5 a.disabled { background-position: -100px 0px; cursor: default; pointer-events: none; }
html.touch #survey_container .survey .survey_q .survey_choice li.choice_4 a.disabled { background-position: -100px -19px; cursor: default; pointer-events: none; }
html.touch #survey_container .survey .survey_q .survey_choice li.choice_3 a.disabled { background-position: -100px -38px; cursor: default; pointer-events: none; }
html.touch #survey_container .survey .survey_q .survey_choice li.choice_2 a.disabled { background-position: -100px -57px; cursor: default; pointer-events: none; }
html.touch #survey_container .survey .survey_q .survey_choice li.choice_1 a.disabled { background-position: -100px -76px; cursor: default; pointer-events: none; }
html.touch #survey_container .survey .survey_q .survey_choice li.choice_0 a.disabled { background-position: -100px -95px; cursor: default; pointer-events: none; }
html.touch #survey_container .survey .survey_q .survey_choice li a.close { transition-delay: 0s !important; -webkit-transition-delay: 0s !important; transition-duration: 0.25s !important; -webkit-transition-duration: 0.25s !important; width: 0px !important; }
html.touch #survey_container .survey.expand { width: 270px; }
html.touch #survey_container .survey.expand .survey_vertical_border div { transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s; }
html.touch #survey_container .survey.expand .survey_vertical_border_1 { transform: translate3d(-210px, 0px, 0px); -webkit-transform: translate3d(-210px, 0px, 0px); }
html.touch #survey_container .survey.expand .survey_vertical_border_2 { transform: translate3d(-140px, 0px, 0px); -webkit-transform: translate3d(-140px, 0px, 0px); }
html.touch #survey_container .survey.expand .survey_vertical_border_3 { transform: translate3d(-70px, 0px, 0px); -webkit-transform: translate3d(-70px, 0px, 0px); }
html.touch #survey_container .survey.expand .survey_vertical_border_4 { transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); }
html.touch #survey_container .survey.expand .survey_vertical_border_5 { transform: translate3d(70px, 0px, 0px); -webkit-transform: translate3d(70px, 0px, 0px); }
html.touch #survey_container .survey.expand .survey_vertical_border_6 { transform: translate3d(140px, 0px, 0px); -webkit-transform: translate3d(140px, 0px, 0px); }
html.touch #survey_container .survey.expand .survey_vertical_border_7 { transform: translate3d(210px, 0px, 0px); -webkit-transform: translate3d(210px, 0px, 0px); }
html.touch #survey_container .survey.expand .survey_period_outer, html.touch #survey_container .survey.expand .survey_rank_outer, html.touch #survey_container .survey.expand .survey_text_outer { display: none; }
html.touch #survey_container .survey.expand .survey_q { pointer-events: auto; width: 270px; height: 270px; }
html.touch #survey_container .survey.expand .survey_q .survey_bg { transition: background-color 0.3s linear, transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), width 0s linear 0s, height 0s linear 0s; -webkit-transition: background-color 0.3s linear, -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), width 0s linear 0s, height 0s linear 0s; background-color: transparent; transform: translate3d(-50%, -50%, 0px); -webkit-transform: translate3d(-50%, -50%, 0px); width: 400px; height: 400px; }
html.touch #survey_container .survey.expand .survey_q .survey_bg canvas.q_anim { opacity: 1; }
html.touch #survey_container .survey.expand .survey_q .survey_bg canvas.wq_anim { opacity: 0; }
html.touch #survey_container .survey.expand .survey_q .survey_bg:before { background-color: #ff284c; }
html.touch #survey_container .survey.expand .survey_q .survey_move_next, html.touch #survey_container .survey.expand .survey_q .survey_move_prev { width: 25px; height: 50px; display: block; visibility: visible; opacity: 1; z-index: 100; transform: translate3d(0px, 0px, 2px); -webkit-transform: translate3d(0px, 0px, 2px); }
html.touch #survey_container .survey.expand .survey_q .survey_text_inner { width: 124px; height: 40px; }
html.touch #survey_container .survey.expand .survey_q .survey_rank_inner { transform: scale(1, 1) translate3d(0px, 0px, 1px); -webkit-transform: scale(1, 1) translate3d(0px, 0px, 1px); }
html.touch #survey_container .survey.expand .survey_q .survey_share { transform: scale(1, 1) translate3d(0px, 0px, 1px); -webkit-transform: scale(1, 1) translate3d(0px, 0px, 1px); }
html.touch #survey_container .survey.expand .survey_q .survey_graph { width: 100%; height: 100%; visibility: visible; opacity: 1; transform: scale(1, 1) translate3d(0px, 0px, 1px); -webkit-transform: scale(1, 1) translate3d(0px, 0px, 1px); }
html.touch #survey_container .survey.expand .survey_q .survey_graph .survey_graph_bar_6 span { transition-delay: 1.4s; -webkit-transition-delay: 1.4s; }
html.touch #survey_container .survey.expand .survey_q .survey_graph .survey_graph_bar_5 span { transition-delay: 1.5s; -webkit-transition-delay: 1.5s; }
html.touch #survey_container .survey.expand .survey_q .survey_graph .survey_graph_bar_4 span { transition-delay: 1.6s; -webkit-transition-delay: 1.6s; }
html.touch #survey_container .survey.expand .survey_q .survey_graph .survey_graph_bar_3 span { transition-delay: 1.7s; -webkit-transition-delay: 1.7s; }
html.touch #survey_container .survey.expand .survey_q .survey_graph .survey_graph_bar_2 span { transition-delay: 1.8s; -webkit-transition-delay: 1.8s; }
html.touch #survey_container .survey.expand .survey_q .survey_graph .survey_graph_bar_1 span { transition-delay: 1.9s; -webkit-transition-delay: 1.9s; }
html.touch #survey_container .survey.expand .survey_q .survey_related { width: 100%; height: 285px; visibility: visible; opacity: 1; overflow: visible; }
html.touch #survey_container .survey.expand .survey_q .survey_choice { width: 100px; height: 144px; visibility: visible; }
html.touch #survey_container .survey.expand .survey_q .survey_choice li a { width: 100px; }
html.touch #survey_container .survey.expand .survey_q .survey_choice li.choice_5 a { transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1) 1.25s; -webkit-transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1) 1.25s; }
html.touch #survey_container .survey.expand .survey_q .survey_choice li.choice_4 a { transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1) 1.3s; -webkit-transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1) 1.3s; }
html.touch #survey_container .survey.expand .survey_q .survey_choice li.choice_3 a { transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1) 1.35s; -webkit-transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1) 1.35s; }
html.touch #survey_container .survey.expand .survey_q .survey_choice li.choice_2 a { transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1) 1.4s; -webkit-transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1) 1.4s; }
html.touch #survey_container .survey.expand .survey_q .survey_choice li.choice_1 a { transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1) 1.45s; -webkit-transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1) 1.45s; }
html.touch #survey_container .survey.expand .survey_q .survey_choice li.choice_0 a { transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1) 1.5s; -webkit-transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1) 1.5s; }
html.touch #survey_container .survey.expand .survey_q .survey_period_sp { width: 100%; height: 24px; visibility: visible; opacity: 1; }
html.touch #survey_container .survey.expand .survey_q .survey_average_rank { width: 100%; height: 24px; visibility: visible; opacity: 1; }
html.touch #survey_container .survey.expand.voted .survey_q .survey_graph p { width: 70px; height: 24px; visibility: visible; opacity: 1; }
html.touch #survey_container .survey.expand.voted .survey_q .survey_rank_inner { width: 124px; height: 14px; }
html.touch #survey_container .survey.expand.voted .survey_q .survey_rank_inner.large { height: 21px; }
html.touch #survey_container .survey.expand.voted .survey_q .survey_share { width: 48px; height: 18px; visibility: visible; opacity: 1; }
html.touch #survey_container .survey.expand.voted .survey_q .survey_choice { display: none; }
html.touch #survey_container .survey.expand.average .survey_q .survey_related .survey_related_block.show .survey_related_date { width: 40px; height: 17px; visibility: visible; opacity: 1; }
html.touch #survey_container .survey.expand.average .survey_q .survey_related .survey_related_block.show .survey_related_day { width: 40px; height: 17px; visibility: visible; opacity: 1; }
html.touch #survey_container .survey.expand.average .survey_q .survey_related .survey_related_block.show .survey_related_result { transform: scale(1, 1); -webkit-transform: scale(1, 1); }
html.touch #survey_container .survey.expand.average .survey_q .survey_related .survey_related_block.show .survey_related_article { overflow: visible; }
html.touch #survey_container .survey.expand.average .survey_q .survey_related .survey_related_block.show .survey_related_article .survey_related_article_block { opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); }
html.touch #survey_container .survey.expand.average .survey_q .survey_graph .survey_graph_bar_1 span, html.touch #survey_container .survey.expand.average .survey_q .survey_graph .survey_graph_bar_2 span, html.touch #survey_container .survey.expand.average .survey_q .survey_graph .survey_graph_bar_3 span, html.touch #survey_container .survey.expand.average .survey_q .survey_graph .survey_graph_bar_4 span, html.touch #survey_container .survey.expand.average .survey_q .survey_graph .survey_graph_bar_5 span, html.touch #survey_container .survey.expand.average .survey_q .survey_graph .survey_graph_bar_6 span { width: 0px !important; opacity: 0; transition-delay: 0s; -webkit-transition-delay: 0s; }
html.touch #survey_container .survey.expand.average .survey_q .survey_average { visibility: visible; overflow: visible; }
html.touch #survey_container .survey.expand.average .survey_q .survey_average .survey_average_arrow { opacity: 1; }
html.touch #survey_container .survey.skelton .survey_q .survey_bg { background-image: url(../img/q_skelton_sp.png); background-size: 160px 160px; }
html.touch #survey_container.showall .survey.expand .survey_q .survey_move_next, html.touch #survey_container.showall .survey.expand .survey_q .survey_move_prev { width: 25px; height: 50px; }
html.touch #about { width: 100%; height: auto; position: absolute; box-sizing: border-box; padding: 25px; left: 0%; top: 175%; margin: 75px 0 0 0; transition: top 2s cubic-bezier(0.77, 0, 0.175, 1) 0.5s; -webkit-transition: top 2s cubic-bezier(0.77, 0, 0.175, 1) 0.5s; z-index: 400; }
html.touch #about p { height: auto; }
html.touch #about p br.sp { display: block; }
html.touch #spfooter { display: block; position: absolute; bottom: 0px; left: 50%; padding: 0 0 15px 0; margin: 0 0 0 -135px; overflow: hidden; width: 0px; height: 0px; opacity: 0; transition: bottom 1s cubic-bezier(0.77, 0, 0.175, 1) 0s, width 0s linear 0s, height 0s linear 0s, opacity 0s linear 0s; }
html.touch #spfooter .spfooter_share { display: block; width: 53px; height: 22px; position: absolute; left: 0px; top: 0px; }
html.touch #spfooter .spfooter_share .fb, html.touch #spfooter .spfooter_share .tw { display: block; position: absolute; top: 0px; height: 21px; }
html.touch #spfooter .spfooter_share .fb img, html.touch #spfooter .spfooter_share .tw img { display: block; }
html.touch #spfooter .spfooter_share .fb { width: 21px; left: 0px; }
html.touch #spfooter .spfooter_share .tw { width: 25px; left: 28px; }
html.touch #spfooter small { position: relative; display: block; width: 200px; font-size: 9px; line-height: 11px; top: 0px; left: 63px; }
html.touch #spfooter small span { font-size: 12px; line-height: 11px; vertical-align: middle; }
html.touch body.horizontal { width: 100% !important; height: 100% !important; min-width: 100%  !important; min-height: 100%  !important; overflow: hidden !important; }
html.touch body.horizontal #horizontalMask { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-color: #dbdbdb; transform: translate3d(0px, 0px, 3px); -webkit-transform: translate3d(0px, 0px, 3px); z-index: 99999; background-image: url(../img/horizontal_bg.png); background-size: 960px 640px; background-position: center center; background-repeat: no-repeat; }
html.touch body.horizontal #horizontalMask .horizontalMask__content { width: 100%; height: 160px; position: absolute; top: 50%; margin-top: -80px; }
html.touch body.horizontal #horizontalMask .horizontalMask__img { display: block; width: 160px; height: 160px; background-image: url(../img/horizontal_main.png); background-size: 160px 160px; margin: 0 auto; }
html.touch body.horizontal #horizontalMask p { width: 100%; text-align: center; font-size: 12px; font-weight: bold; line-height: 16px; height: 16px; width: 100%; position: absolute; left: 0px; bottom: -42px; }
html.touch body.beforeExpand #survey_container .survey .survey_q { top: 98%; top: -webkit-calc(100% - 32px); top: calc(100% - 32px); }
html.touch body.beforeExpand #title p { opacity: 1; }
html.touch body:not(.beforeExpand) #title p { transition: top 2s cubic-bezier(0.77, 0, 0.175, 1) 0.5s, opacity 0s linear 2.5s; -webkit-transition: top 2s cubic-bezier(0.77, 0, 0.175, 1) 0.5s, opacity 0s linear 2.5s; opacity: 0; }
html.touch body.expand #title { transform: translate3d(0, 0, 1px); -webkit-transform: translate3d(0, 0, 1px); }
html.touch body.expand:not(.subcontents) #spfooter { width: 270px; height: 22px; opacity: 1; transition: bottom 1s cubic-bezier(0.77, 0, 0.175, 1) 0s, width 0s linear 1s, height 0s linear 1s, opacity 0.5s linear 1.5s; -webkit-transition: bottom 1s cubic-bezier(0.77, 0, 0.175, 1) 0s, width 0s linear 1s, height 0s linear 1s, opacity 0.5s linear 1.5s; }
html.touch body.expand.overflow_y_scroll #spfooter { bottom: -350px; bottom: calc(50% - 525px); }
html.touch body.subcontents #title { top: -95%; top: -webkit-calc(-75% - 120px); top: calc(-75% - 120px); }
html.touch body.subcontents #survey_container .survey .survey_q { top: -75%; }
html.touch body.subcontents #menu .menu_slide.open { width: 0px; }
html.touch body.subcontents #about { display: block; }
html.touch body.subcontents.about { overflow-y: scroll; -webkit-overflow-scrolling: touch; }
html.touch body.subcontents.about #about { top: 0%; }
html.touch body.overflow_y_scroll { overflow-y: scroll; -webkit-overflow-scrolling: touch; }
html.touch body.overflow_y_scroll #about { display: none; }
html.touch body.menu_open { overflow-y: hidden; height: 100%; min-height: 575px; transition: min-height 0s linear 0.25s,height 0s linear 0.25s; -webkit-transition: min-height 0s linear 0.25s,height 0s linear 0.25s; }
html.touch body.introduction #title p { transition: top 2s cubic-bezier(0.77, 0, 0.175, 1) 0.5s, opacity 0s linear 0s !important; -webkit-transition: top 2s cubic-bezier(0.77, 0, 0.175, 1) 0.5s, opacity 0s linear 0s !important; top: 68px !important; opacity: 1 !important; }
html.touch body.introduction #survey_container .survey .survey_q { top: 98%; top: -webkit-calc(100% - 32px); top: calc(100% - 32px); }
html.touch body.introduction #spfooter { opacity: 0 !important; transition: bottom 1s cubic-bezier(0.77, 0, 0.175, 1) 0s, width 0s linear 0.6s, height 0s linear 0.6s, opacity 0.5s linear 0s !important; -webkit-transition: bottom 1s cubic-bezier(0.77, 0, 0.175, 1) 0s, width 0s linear 0.6s, height 0s linear 0.6s, opacity 0.5s linear 0s !important; }