@charset "UTF-8";

html{
	color: #000;
	background: #f0f4c3;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td{
	margin: 0;
	padding: 0;
}

body{
	font-size: 28px;
}

img{
	vertical-align: middle;
}

a {
	color: #fff;
	text-decoration: none;
}

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

fieldset,
img{
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var{
	font-style: normal;
	font-weight: normal;
}

ol,
ul{
	list-style: none;
}

caption,
th{
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after{
	content: '';
}

abbr,
acronym{
	border: 0;
	font-variant: normal;
}

sup{
	vertical-align: text-top;
}

sub{
	vertical-align: text-bottom;
}

input,
textarea,
select{
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

input,
textarea,
select{
	font-size: 100%;
}

legend{
	color: #000;
}

#yui3-css-stamp.cssreset{
	display: none;
}

html{
}

body{
	background: #f0f4c3;
	font-family:"ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "Osaka", "MS PGothic", arial, helvetica, sans-serif;
}

#wrapper{
}

#container{
	width: 768px;
	margin: 0 auto;
	overflow: hidden;
}

#main{
	overflow: hidden;
}

#container_hagemashi{
	width: 570px;
	position: relative;
	margin: 0 auto;
}

#hagemashi{
	height: 620px;
	width: 570px;
}

#header{
	background: #487b2e;
	padding: 15px 0 10px 0;
}

#header #header_inner{
	color: #fff;
	font-size: 125%;
	font-weight: bold;
	line-height: 44px;
	width: 708px;
	height: 44px;
	margin: 0 auto;
	padding: 0 30px;
	position: relative;
}

#header #header_inner .logo{
	margin-right: 10px;
	vertical-align: middle;
}

#header #header_inner #result_illust{
	position: absolute;
	top: -15px;
	right:0px;
	z-index: 10;
}

#header #header_inner #title_illust{
	position: absolute;
	top: -15px;
	right:0px;
	z-index: 10;
}

#debug{
	display: none;
}

#main_top #kanshuu{
	text-align: center;
	margin: 0;
}

#main_top #kanshuu img{
	width: 400px;}

#main_top #title{
	text-align: center;
	margin: 30px 0 8px;
}

#main_top #title_multilingual{
	color: #3f6222;
	text-align: center;
	font-size: 60%;
	font-weight: bold;
	margin: 8px 0 30px;
}

#main_top #logo{
	text-align: center;
}

#main_top #subtitle{
	text-align: center;
	margin: 10px 0;
}

#main_top #subtitle_multilingual{
	color: #3f6222;
	text-align: center;
	font-size: 60%;
	font-weight: bold;
	margin: 10px 0 30px;
}

#main_top #start_button{
	width: 639px;
	margin: 0 auto 30px;	position: relative;
}

#main_top #research_note{
	width: 639px;
	margin: 0 auto 170px;
	color: #3f6222;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.7;
}

#main_top #start_button .btn_txt_off{
	color: #fff;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
	width: 639px;
	margin: 0 auto;
	display: block;
	position: absolute;
	top: 80px;
	left: 0px;
}

#main_top #start_button .btn_txt_on{
	color: #fff;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
	width: 639px;
	margin: 0 auto;
	display: none;
	position: absolute;
	top: 84px;
	left: 0px;
}

#main_top #start_button .top_start_button_on{
	display: none;
}

#main_top #kintarou {
	background: url("start/top_kintarou.png") right top no-repeat;
	text-align: center;
	width: 640px;
	height: 104px;
	margin: 30px auto;
}

#main_top .btn {
	background: url("start/btn_choose_language_jp_close.png") center top no-repeat;
	background-size: contain;
	/*width: 92px;*/
	height: 72px;
	margin: 0 auto;
	cursor: pointer;
	display: block;
}
#main_top .btn_en {
	background: url("start/btn_choose_language_en_close.png") center top no-repeat;
	background-size: contain;
	/*width: 92px;*/
	height: 72px;
	margin: 0 auto;
	cursor: pointer;
	display: block;
}
#main_top .btn_cn {
	background: url("start/btn_choose_language_cn_close.png") center top no-repeat;
	background-size: contain;
	/*width: 92px;*/
	height: 72px;
	margin: 0 auto;
	cursor: pointer;
	display: block;
}
#main_top .btn_ko {
	background: url("start/btn_choose_language_ko_close.png") center top no-repeat;
	background-size: contain;
	/*width: 92px;*/
	height: 72px;
	margin: 0 auto;
	cursor: pointer;
	display: block;
}
#main_top .btn_tw {
	background: url("start/btn_choose_language_tw_close.png") center top no-repeat;
	background-size: contain;
	/*width: 92px;*/
	height: 72px;
	margin: 0 auto;
	cursor: pointer;
	display: block;
}

#main_top #choose_language {
	background-color: rgba(255,255,255,0.9);
	text-align: center;
	display: none;
	overflow: hidden;
	position: absolute;
	top: 100px;
	left: 5%;
	width: 90%;
	z-index: 99999;
	border-radius: 5%;
}

#main_top #choose_language ul {
	text-align: center;
	font-size: 175%;
	font-weight: bold;
	width: 80%;
	margin: 40px auto;
	list-style: none;
	display: block;
	overflow: hidden;
	border-top: 1px #dcdcdc solid;
}

#main_top #choose_language li {
	display: block;
	overflow: hidden;
	border-bottom: 1px #dcdcdc solid;
}

#main_top #choose_language li a {
	color: #666;
	text-decoration: none;
	padding: 10px 0;
	display: block;
}

#main_tutorial #title,
#main_tutorial #contents,
#main_tutorial #start_button{
	text-align: center;
}

#main_tutorial #title{
	color: #3f6222;
	text-align: center;
	font-size: 175%;
	font-weight: bold;
	margin: 30px 0;
}

#main_tutorial #contents{
	text-align: left;

	margin: 0 auto 10px;
	position: relative;
}

#main_tutorial #contents .txt1{
	color: #464646;
	font-weight: bold;
	width: 270px;
	padding: 30px;
	position: absolute;
	top: 4px;
	left: 34px;
}
#main_tutorial #contents .txt1_en{
	color: #464646;
	font-weight: bold;
	width: 270px;
	padding: 29px;
	position: absolute;
	top: 2px;
	left: 34px;
    line-height:29px;
}

#main_tutorial #contents .txt1 em{
	color: #fb651b;
	font-weight: bold;
}
#main_tutorial #contents .txt1_en em{
	color: #fb651b;
	font-weight: bold;
}

#main_tutorial #contents .txt2{
	color: #464646;
	font-weight: bold;
	width: 270px;
	padding: 30px;
	position: absolute;
	top: 362px;
	left: 66px;
}

#main_tutorial #start_button{
	width: 639px;
	margin: 0 auto 200px;
	position: relative;
}

#main_tutorial #start_button .btn_txt_off{
	color: #fff;
	text-align: left;
	font-size: 175%;
	font-weight: bold;
	margin: 0 auto;
	display: block;
	position: absolute;
	top: 20px;
	left: 130px;
}

#main_tutorial #start_button .btn_txt_on{
	color: #fff;
	text-align: left;
	font-size: 175%;
	font-weight: bold;
	margin: 0 auto;
	display: none;
	position: absolute;
	top: 24px;
	left: 130px;
}

#main_tutorial #start_button .tutorial_check_button_on{
	display: none;
}

#main #title{
	color: #3f6222;
	font-size: 175%;
	font-weight: bold;
	margin: 20px 30px 60px;
}

#main #title span{
	font-size: 75%;
	margin: 0 10px 0 0;
}

#main #title_sex{
	color: #3f6222;
	font-size: 175%;
	font-weight: bold;
	margin: 30px 30px 20px;
}

#main #title_age{
	color: #3f6222;
	font-size: 175%;
	font-weight: bold;
	margin: 20px 30px 20px;
}

#main #contents_age{
	margin-bottom: 15px;
}

#main #contents_sex,
#main #contents_age{
}

#main #contents_sex input[type='radio'],
#main #contents_age input[type='radio']{
	display: none;
}

#main #contents_sex .button_off,
#main #contents_age .button_off{
}

#main #contents_sex .button_on,
#main #contents_age .button_on{
	float: left;
	display: none;
}

#main #contents li,
#main #contents li{
	margin: 10px 0;
	float: left;
}

#main #contents_sex li,
#main #contents_age li{
	margin: 10px 0 10px 30px;
	float: left;
}

#main #contents_sex .question_1,
#main #contents_sex .question_3,
#main #contents_age .question_1,
#main #contents_age .question_3{
	position: relative;
	display: block;
}

#main #contents_sex .question_1 .text_1,
#main #contents_sex .question_1 .text_3,
#main #contents_sex .question_3 .text_1,
#main #contents_sex .question_3 .text_3,
#main #contents_age .question_1 .text_1,
#main #contents_age .question_1 .text_3,
#main #contents_age .question_3 .text_1,
#main #contents_age .question_3 .text_3{
	position: relative;
	top: 10px;
}

#main #contents_sex .question_1 .check_button_1,
#main #contents_sex .question_1 .check_button_3,
#main #contents_sex .question_3 .check_button_1,
#main #contents_sex .question_3 .check_button_3,
#main #contents_age .question_1 .check_button_1,
#main #contents_age .question_1 .check_button_3,
#main #contents_age .question_3 .check_button_1,
#main #contents_age .question_3 .check_button_3{
	position: absolute;
	top: 20px;
	left: 30px;
}

#main #contents_sex .question_2,
#main #contents_sex .question_4,
#main #contents_age .question_2,
#main #contents_age .question_4{
	position: relative;
	display: block;
}

#main #contents_sex .question_2 .text_2,
#main #contents_sex .question_2 .text_4,
#main #contents_sex .question_4 .text_2,
#main #contents_sex .question_4 .text_4,
#main #contents_age .question_2 .text_2,
#main #contents_age .question_2 .text_4,
#main #contents_age .question_4 .text_2,
#main #contents_age .question_4 .text_4{
	position: relative;
	top: 10px;
}

#main #contents_sex .question_2 .check_button_2,
#main #contents_sex .question_2 .check_button_4,
#main #contents_sex .question_4 .check_button_2,
#main #contents_sex .question_4 .check_button_4,
#main #contents_age .question_2 .check_button_2,
#main #contents_age .question_2 .check_button_4,
#main #contents_age .question_4 .check_button_2,
#main #contents_age .question_4 .check_button_4{
	position: absolute;
	top: 20px;
	left: 30px;
	display: none;
}

#main #contents_sex .question_5,
#main #contents_age .question_5{
	position: relative;
	display: block;
}

#main #contents_sex .question_5 .text_5,
#main #contents_age .question_5 .text_5{
	position: relative;
	top: 10px;
}

#main #contents_sex .question_5 .check_button_5,
#main #contents_age .question_5 .check_button_5{
	position: absolute;
	top: 20px;
	left: 30px;
	display: none;
}

#main #contents_sex .question_6,
#main #contents_age .question_6{
	position: relative;
	display: block;
}

#main #contents_sex .question_6 .text_6,
#main #contents_age .question_6 .text_6{
	position: relative;
	top: 10px;
}

#main #contents_sex .question_6 .check_button_6,
#main #contents_age .question_6 .check_button_6{
	position: absolute;
	top: 20px;
	left: 30px;
	display: none;
}

#main #contents_sex .question_7,
#main #contents_age .question_7{
	position: relative;
	display: block;
}

#main #contents_sex .question_7 .text_7,
#main #contents_age .question_7 .text_7{
	position: relative;
	top: 10px;
}

#main #contents_sex .question_7 .check_button_7,
#main #contents_age .question_7 .check_button_7{
	position: absolute;
	top: 20px;
	left: 30px;
	display: none;
}

#main #contents_sex .question_1 .btn_txt1_off,
#main #contents_sex .question_2 .btn_txt2_off,
#main #contents_sex .question_3 .btn_txt3_off,
#main #contents_sex .question_4 .btn_txt4_off,
#main #contents_sex .question_5 .btn_txt5_off,
#main #contents_sex .question_6 .btn_txt6_off,
#main #contents_sex .question_7 .btn_txt7_off,
#main #contents_sex .question_8 .btn_txt8_off,
#main #contents_age .question_1 .btn_txt1_off,
#main #contents_age .question_2 .btn_txt2_off,
#main #contents_age .question_3 .btn_txt3_off,
#main #contents_age .question_4 .btn_txt4_off,
#main #contents_age .question_5 .btn_txt5_off,
#main #contents_age .question_6 .btn_txt6_off,
#main #contents_age .question_7 .btn_txt7_off,
#main #contents_age .question_8 .btn_txt8_off{
	color: #3f6222;
	font-size: 125%;
	font-weight: bold;
	position: absolute;
	top: 25px;
	left: 120px;
}

#main #contents_sex .question_1 .btn_txt1_on,
#main #contents_sex .question_2 .btn_txt2_on,
#main #contents_sex .question_3 .btn_txt3_on,
#main #contents_sex .question_4 .btn_txt4_on,
#main #contents_sex .question_5 .btn_txt5_on,
#main #contents_sex .question_6 .btn_txt6_on,
#main #contents_sex .question_7 .btn_txt7_on,
#main #contents_sex .question_8 .btn_txt8_on,
#main #contents_age .question_1 .btn_txt1_on,
#main #contents_age .question_2 .btn_txt2_on,
#main #contents_age .question_3 .btn_txt3_on,
#main #contents_age .question_4 .btn_txt4_on,
#main #contents_age .question_5 .btn_txt5_on,
#main #contents_age .question_6 .btn_txt6_on,
#main #contents_age .question_7 .btn_txt7_on,
#main #contents_age .question_8 .btn_txt8_on{
	color: #3f6222;
	font-size: 125%;
	font-weight: bold;
	position: absolute;
	top: 30px;
	left: 120px;
	display: none;
}

#main #contents{
	min-height: 510px;
	margin: 0 30px;
	overflow: hidden;
}

#main #contents input[type='checkbox']{
	display: none;
}

#main #contents .button_on{
	display: none;
}

#main #contents .question_1,
#main #contents .question_2,
#main #contents .question_3,
#main #contents .question_4,
#main #contents .question_5,
#main #contents .question_6,
#main #contents .question_7,
#main #contents .question_8{
	position:relative;
	display: block;
}

#main #contents .question_1 .text_1,
#main #contents .question_2 .text_2,
#main #contents .question_3 .text_3,
#main #contents .question_4 .text_4,
#main #contents .question_5 .text_5,
#main #contents .question_6 .text_6,
#main #contents .question_7 .text_7,
#main #contents .question_8 .text_8{
	position: relative;
	top: 10px;
}

#main #contents .question_1 .check_button_1,
#main #contents .question_2 .check_button_2,
#main #contents .question_3 .check_button_3,
#main #contents .question_4 .check_button_4,
#main #contents .question_5 .check_button_5,
#main #contents .question_6 .check_button_6,
#main #contents .question_7 .check_button_7,
#main #contents .question_8 .check_button_8{
	position: absolute;
	top: 15px;
	left: 30px;
	display: none;
}

#main #contents .question_1 .btn_txt1_off,
#main #contents .question_2 .btn_txt2_off,
#main #contents .question_3 .btn_txt3_off,
#main #contents .question_4 .btn_txt4_off,
#main #contents .question_5 .btn_txt5_off,
#main #contents .question_6 .btn_txt6_off,
#main #contents .question_7 .btn_txt7_off,
#main #contents .question_8 .btn_txt8_off{
	color: #3f6222;
	font-size: 123%;
	font-weight: bold;
	line-height: 1.2;
	width: 81%;
	position: absolute;
	top: 30px;
	left: 120px;
}

#main #contents .question_1 .btn_txt1_on,
#main #contents .question_2 .btn_txt2_on,
#main #contents .question_3 .btn_txt3_on,
#main #contents .question_4 .btn_txt4_on,
#main #contents .question_5 .btn_txt5_on,
#main #contents .question_6 .btn_txt6_on,
#main #contents .question_7 .btn_txt7_on,
#main #contents .question_8 .btn_txt8_on{
	color: #3f6222;
	font-size: 123%;
	font-weight: bold;
	line-height: 1.2;
	width: 81%;
	position: absolute;
	top: 36px;
	left: 120px;
	display: none;
}

#main #contents .two_lines{
	position: absolute;
	font-size:90%;
	top: -17px !important;
}
#main #contents .three_lines{
	font-size: 70%;
	position: absolute;
	top: -24px !important;
}

#main #progress{
	margin: 10px 30px 0;
	padding: 10px 0 200px;
}

#main #progress #prev_button{
	width: 175px;
	float: left;
	position: relative;
}

#main #progress #prev_button .btn_prev_txt_off{
	color: #fff;
	text-align: left;
	font-size: 125%;
	line-height: 1.1;
	font-weight: bold;
	margin: 0 auto;
	display: block;
	position: absolute;
	top: 45px;
	left: 30%;
}

#main #progress #prev_button .btn_prev_txt_on{
	color: #fff;
	text-align: left;
	font-size: 125%;
	line-height: 1.1;
	font-weight: bold;
	margin: 0 auto;
	display: none;
	position: absolute;
	top: 50px;
	left: 30%;
}

#main #progress #prev_button .prev_button_on{
	display: none;
}

#main #progress #progress_bar{
	width: 320px;
	float: left;
	margin: 30px 0 0 29px;
	position: relative;
}

#main #progress #progress_bar .bar_25_gray,
#main #progress #progress_bar .bar_25_color{
	position: absolute;
	top: -32px;
	left: 65px;
}

#main #progress #progress_bar .bar_50_gray,
#main #progress #progress_bar .bar_50_color{
	position: absolute;
	top: -32px;
	left: 130px;
}

#main #progress #progress_bar .bar_75_gray,
#main #progress #progress_bar .bar_75_color{
	position: absolute;
	top: -32px;
	left: 195px;
}

#main #progress #progress_bar .bar_100_gray,
#main #progress #progress_bar .bar_100_color{
	position: absolute;
	top: -32px;
	left: 260px;
}

#main #progress #progress_bar .bar_25_color,
#main #progress #progress_bar .bar_50_color,
#main #progress #progress_bar .bar_75_color,
#main #progress #progress_bar .bar_100_color{
	display: none;
}

#main #progress #next_button{
	width: 175px;
	float: right;
	position: relative;
}

#main #progress #next_button .btn_next_txt_off{
	color: #fff;
	text-align: left;
	font-size: 125%;
	line-height: 1.1;
	font-weight: bold;
	margin: 0 auto;
	display: block;
	position: absolute;
	top: 45px;
	right: 30%;
}

#main #progress #next_button .btn_next_txt_on{
	color: #fff;
	text-align: left;
	font-size: 125%;
	line-height: 1.1;
	font-weight: bold;
	margin: 0 auto;
	display: none;
	position: absolute;
	top: 50px;
	right: 30%;
}

#main #progress #next_button .next_button_on{
	display: none;
}

#main #progress #next_button .fukidashi{
	position: absolute;
	top: -250px;
	left: -430px;
	display: none;
}

#main_result #title{
	color: #3f6222;
	font-size: 175%;
	font-weight: bold;
	margin: 15px 0 10px 30px;
}

#main_result #title #result_logo{
	width: 100px;
	display: inline;
	margin-left: 20px;
}

#main_result #result_shou{
	background: white;
	border-radius: 8px;
	margin: 0 30px;
	padding: 20px 0;
}

#main_result #result_shou #result_title{
	color: #3f6222;
	font-weight: bold;
	margin: 0 20px;
}

#main_result #result_shou #result_text{
	color: #3f6222;
	font-size: 175%;
	font-weight: bold;
	margin: 0 20px;
}

#main_result #result_chart{
	background: white;
	border-radius: 8px;
	margin: 15px 30px 20px;
}

#main_result #result_chart #radar_chart{
	width: 350px;
	float: left;
	margin-top: 30px;
}

#main_result #result_chart #radar_chart #chart_title{
	color: #3f6222;
	text-align: center;
	font-weight: bold;
}

#main_result #result_chart #radar_chart #canvasChart{
	font-size: 16px;
	margin: 20px 0 10px 55px;
}

#main_result #result_chart #other_shous{
	width: 340px;
	float: left;
	margin: 30px 0 30px 10px;
}

#main_result #result_chart #other_shous .kikyo_on,
#main_result #result_chart #other_shous .kikyo_off,
#main_result #result_chart #other_shous .kigyaku_on,
#main_result #result_chart #other_shous .kigyaku_off,
#main_result #result_chart #other_shous .kekkyo_on,
#main_result #result_chart #other_shous .kekkyo_off,
#main_result #result_chart #other_shous .kiutsukitai_on,
#main_result #result_chart #other_shous .kiutsukitai_off,
#main_result #result_chart #other_shous .oketsu_on,
#main_result #result_chart #other_shous .oketsu_off,
#main_result #result_chart #other_shous .suidoku_on,
#main_result #result_chart #other_shous .suidoku_off,
#main_result #result_chart #other_shous .boushineki_on,
#main_result #result_chart #other_shous .boushineki_off,
#main_result #result_chart #other_shous .geshounokyo_on,
#main_result #result_chart #other_shous .geshounokyo_off{
	display: none;
}

#main_result #result_chart #other_shous #title_other_shous{
	color: #3f6222;
	text-align: center;
	font-weight: bold;
}

#main_result #result_chart #other_shous #btn_other_shous{
	margin: 10px 0 0 10px;
	display: block;
	overflow: hidden;
}

#main_result #result_chart #other_shous #btn_other_shous div{
	width: 138px;
	height: 70px;
	margin: 0 0 5px 10px;
	float: left;
	position: relative;
}
/* 20160512コメントアウト ダブハンドから提供されたcssに変更
#main_result #result_chart #other_shous #btn_other_shous div p{
	color: #fff;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	line-height: 63px;
	width: 138px;
	height: 63px;
	padding: 7px 0 0;
	vertical-align: middle;
	display: table-cell;
	position: absolute;
	top: 0px;
	left: 0px;
}
*/
#main_result #result_chart #other_shous #btn_other_shous div p{
	color: #fff;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	line-height: 63px;
	width: 138px;
	height: 55px;
	padding: 15px 0 0;
	position: absolute;
	top: 0px;
	left: 0px;
}

.kiutsukitai p ruby,
.kiutsukitai_off p ruby,
.kiutsukitai_on p ruby
 {
	font-size:85%;
}

#main_result #advice{
	text-align: center;
	margin: 0 30px 200px;
}

#main_result #btn_commentary{
	width: 639px;
	margin: 0 auto 200px;
	position: relative;
}

#main_result #btn_commentary .btn_txt_off{
	color: #fff;
	text-align: left;
	font-size: 175%;
	font-weight: bold;
	margin: 0 auto;
	display: block;
	position: absolute;
	top: 20px;
	left: 130px;
}

#main_result #btn_commentary .btn_txt_on{
	color: #fff;
	text-align: left;
	font-size: 175%;
	font-weight: bold;
	margin: 0 auto;
	display: none;
	position: absolute;
	top: 24px;
	left: 130px;
}

#main_result #advice .btn_to_explanation_on{
	display: none;
}

#main_advice_shou #title{
	font-size: 175%;
	color: #3f6222;
	font-weight: bold;
	margin: 15px 30px 10px;
}

#main_advice_shou #title #result_logo{
	width: 100px;
	display: inline;
	margin-left: 20px;
}

#main_advice_shou #title #result_logo img{
	height: 70px;
}

#main_advice_shou #title .text{
	color: #000;
	font-size: 36px;
	width: 400px;
	float: left;
}

#main_advice_shou #title .warning{
	color: #000;
	font-weight: normal;
	width: 308px;
	float: left;
	font-size: 20px;
	margin-top: 12px;
}

#main_advice_shou #result_shou{
	background: white;
	border-radius: 8px;
	margin: 0 30px;
	padding: 20px 0;
}

#main_advice_shou #result_shou #result_title{
	color: #3f6222;
	font-size: 175%;
	font-weight: bold;
	margin: 10px 20px 25px;
}

#main_advice_shou #result_shou #result_illust{
	position: absolute;
	top: 0px;
	left: 70%;
	z-index: 10;
}

#main_advice_shou #result_text{
	color: #3f6222;
	font-weight: bold;
	margin: 0 20px;
}

#main_advice_shou #shokuzai_contents{
	padding: 20px;
	margin: 10px 30px;
	background: white;
	border-radius: 8px;
}

#main_advice_shou #shokuzai_contents #title_shokuzai{
	color: #3f6222;
	text-align: center;
	font-size: 175%;
	font-weight: bold;
}

#main_advice_shou #shokuzai_contents #row_shokuzai{
	width: 668px;
}

#main_advice_shou #shokuzai_contents #row_shokuzai .shokuzai{
	text-align: center;
	padding: 10px 0 0;
	color: #487b2e;
	font-size: 36px;
	font-weight: bold;
}

#main_advice_shou .advice_headline{
	text-align: center;
	margin: 30px 30px 0;
}

#main_advice_shou .advice_banner_01{
	text-align: center;
	margin: 20px 30px 30px;
}

#main_advice_shou #advice{
	margin: 0 30px 200px;
}

#main_advice_shou #btn_back{
	width: 280px;
	margin: 0;
	float: left;
	position: relative;
}

#main_advice_shou #btn_back .btn_back_txt_off{
	color: #fff;
	text-align: left;
	font-size: 125%;
	line-height: 1.1;
	font-weight: bold;
	margin: 0 auto;
	display: block;
	position: absolute;
	top: 20px;
	left: 100px;
}

#main_advice_shou #btn_back .btn_back_txt_on{
	color: #fff;
	text-align: left;
	font-size: 125%;
	line-height: 1.1;
	font-weight: bold;
	margin: 0 auto;
	display: none;
	position: absolute;
	top: 24px;
	left: 100px;
}

#main_advice_shou #btn_check{
	width: 400px;
	margin: 0;
	float: right;
	position: relative;
}

#main_advice_shou #btn_check .btn_check_txt_off{
	color: #fff;
	text-align: left;
	font-size: 125%;
	line-height: 1.1;
	font-weight: bold;
	margin: 0 auto;
	display: block;
	position: absolute;
	top: 20px;
	left: 20px;
}

#main_advice_shou #btn_check .btn_check_txt_on{
	color: #fff;
	text-align: left;
	font-size: 125%;
	line-height: 1.1;
	font-weight: bold;
	margin: 0 auto;
	display: none;
	position: absolute;
	top: 24px;
	left: 20px;
}

#main_advice_shou .advice_banner_04{
	text-align: center;
	margin: 30px 0 10px;
}

#main_advice_shou .advice_banner_02{
	text-align: center;
	margin: 30px 0 10px;
}

#main_advice_shou .advice_banner_03{
	text-align: center;
	margin: 30px 0 10px;
}

#main_advice_shou .advice_banner_txt{
	text-align: center;
	font-size: 60%;
	margin: 10px 0 30px;
}

#main_advice_shou #btn_link{
	background: orange;
	text-align: center;
	margin: 10px auto 0;
	display: block;
	border-radius: 10px;
}

#main_advice_shou #btn_link a{
	padding: 5px;
	display: block;
}

#main_advice_shou #btn_link .btn_txt{
	font-size: 125%;
	font-weight: bold;
}

#main_advice_shou #advice .btn_to_result_on,
#main_advice_shou #advice .btn_to_other_on,
#main_advice_shou #advice .btn_to_once_on{
	display: none;
}

#main_advice_shou #link_box{
	background: white;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 200px;
	padding: 20px;
	overflow: hidden;
	border-radius: 8px;
}

#main_advice_shou #link_box a:hover{
	opacity: 0.7;
}

#main_advice_shou #link_box .row{
	width: 670px;
	margin-bottom: 20px;
}

#main_advice_shou #link_box .row .image{
	width: 335px;
	float: left;
	text-align: center;
	margin-right: 20px;
	border: 1px solid #eeeeee;
}

#main_advice_shou #link_box .row .image img{
	width: 335px;
}

#main_advice_shou #link_box .row .text{
	font-size: 16px;
	width: 305px;
	float: left;
}

#main_advice_shou #link_box .row .text .title{
	font-weight: bold;
	font-size: 20px;
}

#main_advice_shou #link_box .row .text .title a{
	color: #000;
	text-decoration: none;
}

#main_advice_shou #link_box .row .text .contents{
	width: 304px;
}

#main_advice_shou #link_box .row .text .contents .arrow{
	width: 20px;
	float: left;
}

#main_advice_shou #link_box .row .text .contents .kanasan_field{
	width: 284px;
	float: left;
}

#main_advice_shou #link_box .row .text .contents .kanasan_field .kanasan_text{
	margin-left: 20px;
}

#main_advice_shou #link_box .row .text .contents .kanasan_field .kanasan_warning{
	margin-left: 20px;
	font-size: 12px;
}

#main_advice_shou #link_box .row .text .link a{
	text-decoration: none;
	color: white;
	font-weight: bold;
	background: orange;
	padding: 10px;
	margin-top: 10px;
	float: right;
	border-radius: 6px;
}

#main_advice #title{
	font-size: 32px;
	text-align: center;
	margin: 30px 0 20px 0;
}

#main_advice #contents{
	width: 640px;
	height: 1940px;
	padding-top: 90px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

#main_advice #contents #object{
	height: 1900px;
	width: 650px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#main_advice #contents .advice_bg{
	position: absolute;
	top: 0;
	left: -30px;
	z-index: -1;
}

#main_advice #once_button{
	text-align: center;
	margin-top: 20px;
	padding-bottom: 20px;
}

#main_advice #once_button .btn_to_result_off,
#main_advice #once_button .btn_to_result_on{
	margin-right: 20px;
}

#main_advice #once_button .btn_to_once_on,
#main_advice #once_button .btn_to_result_on{
	display: none;
}

.meter{
	height: 20px;
	width: 280px;
	position: relative;
	z-index: 0;
	margin: 15px 0 0 0;
	background: #aeb577;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding: 10px;
	-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	-moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
}

.background{
	position: absolute;
	top: 10px;
	background: white;
	width: 278px;
	height: 20px;
	border-radius: 20px;
	z-index: -1;
}

.meter>span{
	display: block;
	height: 100%;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	position: relative;
	overflow: hidden;
}

.meter>span:after,
.animate>span>span{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	-webkit-background-size: 50px 50px;
	-moz-background-size: 50px 50px;
	-webkit-animation: move 2s linear infinite;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	overflow: hidden;
}

.animate>span:after{
	display: none;
}

@-webkit-keyframes move{
	0%{
		background-position: 0 0;
	}
	100%{
		background-position: 50px 50px;
	}
}

.orange>span{
	background-color: #ee622b;
}

.nostripes>span>span,
.nostripes>span:after{
	-webkit-animation: none;
	background-image: none;
}

.clear{
	clear: both;
}

#colorbox,
#cboxOverlay,
#cboxWrapper{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
}

#cboxWrapper{
	max-width: none;
}

#cboxOverlay{
	position: fixed;
	width: 100%;
	height: 100%;
}

#cboxMiddleLeft,
#cboxBottomLeft{
	clear: left;
}

#cboxContent{
	position: relative;
}

#cboxLoadedContent{
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#cboxTitle{
	margin: 0;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow{
	cursor: pointer;
}

.cboxPhoto{
	float: left;
	margin: auto;
	border: 0;
	display: block;
	max-width: none;
	-ms-interpolation-mode: bicubic;
}

.cboxIframe{
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
}

#colorbox,
#cboxContent,
#cboxLoadedContent{
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

#cboxOverlay{
	/*background: url(/assets/colorbox/overlay-e57dfa94d8286598e7151d0f41916df2.png) repeat 0 0;*/
}

#colorbox{
	outline: 0;
}

#cboxContent{
	overflow: hidden;
}

.cboxIframe{
	background: #fff;
}

#cboxError{
	padding: 50px;
	border: 1px solid #ccc;
}

#cboxLoadedContent{
	margin-bottom: 28px;
}

#cboxTitle{
	position: absolute;
	bottom: 4px;
	left: 0;
	text-align: center;
	width: 100%;
	color: #949494;
}

#cboxCurrent{
	position: absolute;
	bottom: 4px;
	left: 58px;
	color: #949494;
}

#cboxLoadingOverlay{
	background: url(/assets/colorbox/loading_background-461b9206ecb9e669f1da35fb9ee9beac.png) no-repeat center center;
}

#cboxLoadingGraphic{
	background: url(/assets/colorbox/loading-b6831160419a89dc03d630568292d3e0.gif) no-repeat center center;
}

#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose{
	border: 0;
	padding: 0;
	margin: 0;
	overflow: visible;
	width: auto;
	background: none;
}

#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active{
	outline: 0;
}

#cboxSlideshow{
	position: absolute;
	bottom: 4px;
	right: 30px;
	color: #0092ef;
}

#cboxPrevious{
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(/assets/colorbox/controls-a41ddc1d3df3d79e355468a5b75d9e06.png) no-repeat -75px 0;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
}

#cboxPrevious:hover{
	background-position: -75px -25px;
}

#cboxNext{
	position: absolute;
	bottom: 0;
	left: 27px;
	background: url(/assets/colorbox/controls-a41ddc1d3df3d79e355468a5b75d9e06.png) no-repeat -50px 0;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
}

#cboxNext:hover{
	background-position: -50px -25px;
}

#cboxClose{
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(/assets/colorbox/controls-a41ddc1d3df3d79e355468a5b75d9e06.png) no-repeat -25px 0;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
}

#cboxClose:hover{
	background-position: -25px -25px;
}

.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

@media all and (max-width: 768px){

body{
	font-size: 16px !important;
}

#header{
	padding: 5px 10px;
}

#header #header_inner{
	color: #fff;
	font-size: 90%;
	font-weight: bold;
	line-height: 22px;
	width: 100%;
	height: 22px;
	margin: 0 auto;
	padding: 0;
}

#header #header_inner .logo{
	height: 22px;
	margin-right: 5px;
	vertical-align: middle;
}

#header #header_inner #title_illust{
	width: 30%;
	top: -5px;
	right: 0px;
}

#header #header_inner #title_illust img{
	width: 70%;
}

#header #header_inner #result_illust{
	width: 30%;
	top: 0;
	left: 70%;
}

#header #header_inner #result_illust img{
	width: 50%;
}

#container{
	width: 100%;
}

#main{
	margin: 0 10px;
}

#main_top #kanshuu{
	margin-top: 0;
}

#main_top #kanshuu img{
	width: 63%;   /* PC 400px/568px と同じ比率（タイトル画像 90% × 0.70） */
}

#main_top #title{
	margin: 10px 0 4px 0;
}

#main_top #title img{
	width: 90%;
}

#main_top #title_multilingual{
	font-size: 2vw;
	margin: 6px 0 15px;
}

#main_top #logo img{
	width: 40%;
}

#main_top #subtitle{
	padding-top: 10px;
}

#main_top #subtitle img{
	width: 70%;
}

#main_top #subtitle_multilingual{
	font-size: 2vw;
	margin: 10px 0 15px;
}

#main_top #start_button {
	text-align: center;
	width: 90%;
	margin: 0 auto 20px;
	position: relative;
	display: block;
}

#main_top #research_note{
	width: 90%;
	margin: 0 auto 30px;
	font-size: 13px;
	line-height: 1.6;
}

#main_top #start_button img{
	width: 100%;
}

#main_top #start_button .btn_txt_off{
	color: #fff;
	text-align: center;
	font-size: 2vw;
	font-weight: bold;
	width: 100%;
	margin: 0 auto;
	display: block;
	position: absolute;
	top: 65%;
	left: 0px;
}

#main_top #start_button .btn_txt_on{
	color: #fff;
	text-align: center;
	font-size: 2vw;
	font-weight: bold;
	width: 100%;
	margin: 0 auto;
	display: none;
	position: absolute;
	top: 70%;
	left: 0px;
}

#main_top #start_button .top_start_button_on{
	display: none;
}

#main_top #kintarou {
	background: url("start/top_kintarou.png") right top no-repeat;
	background-size: contain;
	text-align: center;
	width: 90%;
	height: 52px;
	margin: 15px auto;
}

/*
#main_top .btn {
	background: url("start/btn_choose_language_close.png") left top no-repeat;
	background-size: contain;
	width: 46px;
	height: 42px;
	margin: 0 auto;
	cursor: pointer;
	display: block;
}
*/

#main_top .btn {
	
	background: url("start/btn_choose_language_jp_close.png") center top no-repeat;
	background-size: contain;
	width: 50%;
	/*width: 92px;*/
	/*height: 24px;*/
	margin: 0 auto;
	cursor: pointer;
	display: block;
}
#main_top .btn_en {
	background: url("start/btn_choose_language_en_close.png") center top no-repeat;
	background-size: contain;
	width: 50%;
	/*width: 92px;*/
	/*height: 24px;*/
	margin: 0 auto;
	cursor: pointer;
	display: block;
}
#main_top .btn_cn {
	background: url("start/btn_choose_language_cn_close.png") center top no-repeat;
	background-size: contain;
	width: 50%;
	/*width: 92px;*/
	/*height: 24px;*/
	margin: 0 auto;
	cursor: pointer;
	display: block;
}
#main_top .btn_ko {
	background: url("start/btn_choose_language_ko_close.png") center top no-repeat;
	background-size: contain;
	/*width: 92px;*/
	width: 50%;
	/*height: 24px;*/
	margin: 0 auto;
	cursor: pointer;
	display: block;
}
#main_top .btn_tw {
	background: url("start/btn_choose_language_tw_close.png") center top no-repeat;
	background-size: contain;
	width: 50%;
	/*width: 92px;*/
	/*height: 24px;*/
	margin: 0 auto;
	cursor: pointer;
	display: block;
}

#main_top .btn img {
	background-size: contain;
	width: 100%;
	/*height: 24px;*/
	margin: 0 auto;	
}

#main_top .btn_en img {
	
	background-size: contain;
	width: 100%;
	/*height: 24px;*/
	margin: 0 auto;
}
#main_top .btn_cn img {
	
	background-size: contain;
	width: 100%;
	/*height: 24px;*/
	margin: 0 auto;
}
#main_top .btn_ko img {
	
	background-size: contain;
	width: 100%;
	/*height: 24px;*/
	margin: 0 auto;
}
#main_top .btn_tw img {
	
	background-size: contain;
	width: 100%;
	/*height: 24px;*/
	margin: 0 auto;
}

#main_top #choose_language ul {
	text-align: center;
	font-size: 150%;
	font-weight: bold;
	width: 80%;
	margin: 20px auto;
	list-style: none;
	display: block;
	overflow: hidden;
	border-top: 1px #dcdcdc solid;
}

#main_top #choose_language li {
	display: block;
	overflow: hidden;
	border-bottom: 1px #dcdcdc solid;
}

#main_top #choose_language li a {
	color: #666;
	text-decoration: none;
	padding: 10px 0;
	display: block;
}

#main_tutorial #title{
	font-size: 150%;
	margin: 0;
	padding: 20px 0 10px 0;
}

#main_tutorial #contents{
	width: 100%;
	margin: 0 auto 10px;
}

#main_tutorial #contents .txt1{
	font-size: 3.7vw; /*4vwから3.7vwに変更*/
	width: 35%;
	padding: 15px;
	position: absolute;
	top: 0.5%;
	left: 5%;
	border: 0px #f00 solid;
}

#main_tutorial #contents .txt1_en{
	font-size: 3.4vw; /*4vwから3.7vwに変更*/
	width: 35%;
	padding: 15px;
	position: absolute;
	top: 0%;
	left: 5%;
	border: 0px #f00 solid;
	line-height: 102%;
}

#main_tutorial #contents .txt2{
	font-size: 3.4vw; /*4vwから3.7vwに変更*/
	width: 35%;
	padding: 15px;
	position: absolute;
	top: 62%;
	left: 9%;
	border: 0px #f00 solid;
}

#main_tutorial #contents img{
	width: 100%;
}

#main_tutorial #start_button {
	text-align: center;
	width: 90%;
	margin: 0 auto 20px;
	position: relative;
	display: block;
}

#main_tutorial #start_button img{
	width: 100%;
}

#main_tutorial #start_button .btn_txt_off{
	color: #fff;
	text-align: left;
	font-size: 6vw;
	font-weight: bold;
	margin: 0 auto;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 22.5%;
}

#main_tutorial #start_button .btn_txt_on{
	color: #fff;
	text-align: left;
	font-size: 6vw;
	font-weight: bold;
	margin: 0 auto;
	display: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 22.5%;
}

#main #title_sex{
	font-size: 150%;
	margin: 10px ;
}

#main #title_sex img{
	width: 70%;
}

#main #title_age{
	font-size: 150%;
	margin: 10px;
}

#main #title_age img{
	width: 80%;
}

#main #contents_age{
	margin-bottom: 0;
}

#main #contents_sex li,
#main #contents_age li{
	width: 50%;
	margin: 0;
	float: left;
	display: block;
	overflow: hidden;
}

#main #contents_sex .question_1,
#main #contents_sex .question_2,
#main #contents_sex .question_3,
#main #contents_sex .question_4,
#main #contents_sex .question_5,
#main #contents_sex .question_6,
#main #contents_sex .question_7,
#main #contents_sex .question_8,
#main #contents_age .question_1,
#main #contents_age .question_2,
#main #contents_age .question_3,
#main #contents_age .question_4,
#main #contents_age .question_5,
#main #contents_age .question_6,
#main #contents_age .question_7,
#main #contents_age .question_8{
	margin: 10px;
	position: relative;
	overflow: hidden;
}

#main #contents_sex .question_1 .check_button_1,
#main #contents_sex .question_2 .check_button_2,
#main #contents_sex .question_3 .check_button_3,
#main #contents_sex .question_4 .check_button_4,
#main #contents_sex .question_5 .check_button_5,
#main #contents_sex .question_6 .check_button_6,
#main #contents_sex .question_7 .check_button_7,
#main #contents_sex .question_8 .check_button_8,
#main #contents_age .question_1 .check_button_1,
#main #contents_age .question_2 .check_button_2,
#main #contents_age .question_3 .check_button_3,
#main #contents_age .question_4 .check_button_4,
#main #contents_age .question_5 .check_button_5,
#main #contents_age .question_6 .check_button_6,
#main #contents_age .question_7 .check_button_7,
#main #contents_age .question_8 .check_button_8{
	width: 20%;
	position: absolute;
	top: 10%;
	left: 6%;
}

#main #contents_sex .question_1 .btn_txt1_off,
#main #contents_sex .question_2 .btn_txt2_off,
#main #contents_sex .question_3 .btn_txt3_off,
#main #contents_sex .question_4 .btn_txt4_off,
#main #contents_sex .question_5 .btn_txt5_off,
#main #contents_sex .question_6 .btn_txt6_off,
#main #contents_sex .question_7 .btn_txt7_off,
#main #contents_sex .question_8 .btn_txt8_off,
#main #contents_age .question_1 .btn_txt1_off,
#main #contents_age .question_2 .btn_txt2_off,
#main #contents_age .question_3 .btn_txt3_off,
#main #contents_age .question_4 .btn_txt4_off,
#main #contents_age .question_5 .btn_txt5_off,
#main #contents_age .question_6 .btn_txt6_off,
#main #contents_age .question_7 .btn_txt7_off,
#main #contents_age .question_8 .btn_txt8_off{
	font-size: 4vw;
	font-weight: bold;
	position: absolute;
	top: 25%;
	left: 40%;
}

#main #contents_sex .question_1 .btn_txt1_on,
#main #contents_sex .question_2 .btn_txt2_on,
#main #contents_sex .question_3 .btn_txt3_on,
#main #contents_sex .question_4 .btn_txt4_on,
#main #contents_sex .question_5 .btn_txt5_on,
#main #contents_sex .question_6 .btn_txt6_on,
#main #contents_sex .question_7 .btn_txt7_on,
#main #contents_sex .question_8 .btn_txt8_on,
#main #contents_age .question_1 .btn_txt1_on,
#main #contents_age .question_2 .btn_txt2_on,
#main #contents_age .question_3 .btn_txt3_on,
#main #contents_age .question_4 .btn_txt4_on,
#main #contents_age .question_5 .btn_txt5_on,
#main #contents_age .question_6 .btn_txt6_on,
#main #contents_age .question_7 .btn_txt7_on,
#main #contents_age .question_8 .btn_txt8_on{
	font-size: 4vw;
	font-weight: bold;
	position: absolute;
	top: 30%;
	left: 40%;
}

#main #contents_sex img.button_on,
#main #contents_sex img.button_off,
#main #contents_age img.button_on,
#main #contents_age img.button_off{
	width: 100%;
}

#main #title{
	font-size: 150%;
	margin: 10px 0 30px;
}

#main #title span{
	font-size: 75%;
}

#main #contents{
	width: 100;
	min-height: 0;
	margin: 0;
}

#main #contents img.button_on,
#main #contents img.button_off{
	width: 100%;
}

#main #contents .question_1 .check_button_1,
#main #contents .question_2 .check_button_2,
#main #contents .question_3 .check_button_3,
#main #contents .question_4 .check_button_4,
#main #contents .question_5 .check_button_5,
#main #contents .question_6 .check_button_6{
	width: 10%;
	top: 10%;
	left: 3%;
}

#main #contents .question_1 .btn_txt1_off,
#main #contents .question_2 .btn_txt2_off,
#main #contents .question_3 .btn_txt3_off,
#main #contents .question_4 .btn_txt4_off,
#main #contents .question_5 .btn_txt5_off,
#main #contents .question_6 .btn_txt6_off,
#main #contents .question_7 .btn_txt7_off,
#main #contents .question_8 .btn_txt8_off{
	font-size: 4vw;
	position: absolute;
	top: 30%;
	left: 18%;
}

#main #contents .question_1 .btn_txt1_on,
#main #contents .question_2 .btn_txt2_on,
#main #contents .question_3 .btn_txt3_on,
#main #contents .question_4 .btn_txt4_on,
#main #contents .question_5 .btn_txt5_on,
#main #contents .question_6 .btn_txt6_on,
#main #contents .question_7 .btn_txt7_on,
#main #contents .question_8 .btn_txt8_on{
	font-size: 4vw;
	position: absolute;
	top: 35%;
	left: 18%;
}

#main #contents .two_lines{
	position: absolute;
	top: -10px !important;
}

#main #contents .three_lines{
	font-size: 70%;
	position: absolute;
	top: -10px !important;
}

#main #progress{
	margin: 10px 10px 0;
	padding: 10px 0 30px;
}

#main #progress #prev_button{
	width: 25%;
}

#main #progress #prev_button img{
	width: 100%;
}

#main #progress #prev_button .btn_prev_txt_off{
	color: #fff;
	text-align: left;
	font-size: 4.7vw; /*5vwから4.5vwに変更*/
	font-weight: bold;
	margin: 0 auto;
	display: block;
	position: absolute;
	top: 30%;
	left: 30%;
}

#main #progress #prev_button .btn_prev_txt_on{
	color: #fff;
	text-align: left;
	font-size: 4.7vw;   /*5vwから4.5vwに変更*/
	font-weight: bold;
	margin: 0 auto;
	display: none;
	position: absolute;
	top: 35%;
	left: 30%;
}

#main #progress #progress_bar{
	width: 50%;
	margin: 0;
}

#main #progress #progress_bar img.bar_25_gray,
#main #progress #progress_bar img.bar_25_color{
	width: 20px;
	top: 0px;
	left: 22.5%;  /*pxから%へ変更*/
}

#main #progress #progress_bar img.bar_50_gray,
#main #progress #progress_bar img.bar_50_color{
	width: 20px;
	top: -0px;
	left: 45%;  /*pxから%へ変更*/
}

#main #progress #progress_bar img.bar_75_gray,
#main #progress #progress_bar img.bar_75_color{
	width: 20px;
	top: -0px;
	left: 67.5%;  /*pxから%へ変更*/
}

#main #progress #progress_bar img.bar_100_gray,
#main #progress #progress_bar img.bar_100_color{
	width: 20px;
	top: -0px;
	left: 90%;  /*pxから%へ変更*/
}

#main #progress #progress_bar .meter{
	height: 10px;
	width: 90%;	margin: 30px 0 0 10px;
	padding: 5px;
}

#main #progress #progress_bar .background{
	top: 5px;
	width: 92%;
	height: 10px;
}

#main #progress #next_button{
	width: 25%;
}

#main #progress #next_button .btn_next_txt_off{
	color: #fff;
	text-align: left;
	font-size: 4.5vw;    /*5vwから4.5vwに変更*/
	font-weight: bold;
	margin: 0 auto;
	display: block;
	position: absolute;
	top: 30%;
	right: 30%;
}

#main #progress #next_button .btn_next_txt_on{
	color: #fff;
	text-align: left;
	font-size: 4.5vw;   /*5vwから4.5vwに変更*/
	font-weight: bold;
	margin: 0 auto;
	display: none;
	position: absolute;
	top: 35%;
	right: 30%;
}

#main #progress #next_button input,
#main #progress #next_button img{
	width: 100%;
}

#main #progress #next_button img.fukidashi{
	width: 300%;
	top: -150%;
	left: -220%;
}

#main_result #title{
	font-size: 150%;
	margin: 10px 10px 0;
}

#main_result #title img{
	width: 30%;
}

#main_result #result_shou{
	margin: 0 10px;
}

#main_result #result_shou img{
	width: 80%;
}

#main_result #result_shou #result_title{
	font-size: 100%;
}

#main_result #result_shou #result_text{
	font-size: 175%;
}

#main_result #result_chart{
	margin: 10px;
}

#main_result #result_chart #radar_chart{
	width: 100%;
	margin: 20px auto 0;
}

#main_result #result_chart #radar_chart #chart_title{
	font-size: 150%;
}

#main_result #result_chart #radar_chart #chart_title img{
	width: 50%;
}

#main_result #result_chart #radar_chart #canvasChart{
	margin: 10px 0 0 30px;
}

#main_result #result_chart #other_shous{
	width: 100%;
	margin: 30px 0 10px 0;
}

#main_result #result_chart #other_shous #title_other_shous{
	text-align: center;
	font-size: 150%;
}

#main_result #result_chart #other_shous #title_other_shous img{
	width: 70%;
}

#main_result #result_chart #other_shous #btn_other_shous{
	text-align: center;
	margin: 0 15px;
}

#main_result #result_chart #other_shous #btn_other_shous div{
	width: 130px;
	height: 66px;
	margin: 0 5px 5px;
	/*display: inline-block;
	float: none;*/
	position: relative;
}

#main_result #result_chart #other_shous #btn_other_shous div img{
	width: 130px;
}

/* 20160512コメントアウト 
#main_result #result_chart #other_shous #btn_other_shous div p{
	color: #fff;
	text-align: center;
	font-size: 125%;
	font-weight: bold;
	line-height: 63px;
	width: 130px;
	height: 63px;
	padding: 3px 0 0;
	vertical-align: middle;
	display: table-cell;
	position: absolute;
	top: 0px;
	left: 0px;
}
*/
#main_result #result_chart #other_shous #btn_other_shous div p{
	color: #fff;
	text-align: center;
	font-size: 125%;
	font-weight: bold;
	line-height: 63px;
	width: 130px;
	height: 56px;
	padding: 10px 0 0;
	position: absolute;
	top: 0px;
	left: 0px;
}

/*
#main_result #result_chart #other_shous .kikyo_on,
#main_result #result_chart #other_shous .kikyo_off,
#main_result #result_chart #other_shous .kigyaku_on,
#main_result #result_chart #other_shous .kigyaku_off,
#main_result #result_chart #other_shous .kekkyo_on,
#main_result #result_chart #other_shous .kekkyo_off,
#main_result #result_chart #other_shous .kiutsukitai_on,
#main_result #result_chart #other_shous .kiutsukitai_off,
#main_result #result_chart #other_shous .oketsu_on,
#main_result #result_chart #other_shous .oketsu_off,
#main_result #result_chart #other_shous .suidoku_on,
#main_result #result_chart #other_shous .suidoku_off,
#main_result #result_chart #other_shous .boushineki_on,
#main_result #result_chart #other_shous .boushineki_off,
#main_result #result_chart #other_shous .geshounokyo_on,
#main_result #result_chart #other_shous .geshounokyo_off{
	display: none !important;
}*/

#main_result #advice {
	margin: 0;
	text-align: center;
	overflow: hidden;
}

#main_result #btn_commentary{
	text-align: center;
	width: 90%;
	margin: 0 auto 20px;
	position: relative;
	display: block;
}

#main_result #btn_commentary img{
	width: 100%;
}

#main_result #btn_commentary .btn_txt_off{
	color: #fff;
	text-align: left;
	font-size: 6vw;
	font-weight: bold;
	margin: 0 auto;
	display: block;
	position: absolute;
	top: 25%;
	left: 20%;
}

#main_result #btn_commentary .btn_txt_on{
	color: #fff;
	text-align: left;
	font-size: 6vw;
	font-weight: bold;
	margin: 0 auto;
	display: block;
	position: absolute;
	top: 30%;
	left: 20%;
	display: none;
}

#main_advice_shou #title{
	font-size: 150%;
	margin: 10px 10px 0;
}

#main_advice_shou #title .text{
	color: #000;
	font-size: 100%;
	width: 100%;
	float: none;
}

#main_advice_shou #title .warning{
	color: #000;
	font-weight: normal;
	width: 100%;
	float: none;
	font-size: 75%;
	margin: 0 0 10px;
}

#main_advice_shou #result_shou{
	margin: 0 10px;
	padding-top: 10px;
}

#main_advice_shou #result_shou #result_title{
	font-size: 150%;
}

#main_advice_shou #result_shou #result_illust{
	width: 30%;
	top: 0px;
	left: 70%;
}

#main_advice_shou #result_shou #result_illust img{
	width: 50px;
}

#main_advice_shou #result_shou #result_text{
	font-size: 100%;
	margin-top: 10px;
}

#main_advice_shou #shokuzai_contents{
	margin: 10px;
}

#main_advice_shou #shokuzai_contents #title_shokuzai{
	font-size: 150%;
}

#main_advice_shou #shokuzai_contents #row_shokuzai{
	width: 100%;
}

#main_advice_shou #shokuzai_contents #row_shokuzai .shokuzai{
	font-size: 100%;
}

#main_advice_shou #shokuzai_contents #row_shokuzai .shokuzai img{
	width: 90%;
}

#main_advice_shou .advice_headline{
	margin: 20px 10px 10px;
}

#main_advice_shou .advice_headline img{
	width: 70%;
	max-width: 493px;
}

#main_advice_shou .advice_banner_01{
	margin: 10px 10px 20px;
}

#main_advice_shou .advice_banner_01 img{
	width: 100%;
}

#main_advice_shou #advice{
	margin: 10px 10px 20px;
}

#main_advice_shou #btn_back {
	text-align: center;
	width: 35%;
	margin: 0;
	position: relative;
	float: left;
}

#main_advice_shou #btn_back img{
	width: 100%;
}

#main_advice_shou #btn_back .btn_back_txt_off{
	color: #fff;
	text-align: left;
	font-size: 4vw;
	font-weight: bold;
	margin: 0 auto;
	display: block;
	position: absolute;
	top: 20%;
	left: 40%;
}

#main_advice_shou #btn_back .btn_back_txt_on{
	color: #fff;
	text-align: left;
	font-size: 4vw;
	font-weight: bold;
	margin: 0 auto;
	display: block;
	position: absolute;
	top: 25%;
	left: 40%;
	display: none;
}

#main_advice_shou #btn_check {
	text-align: center;
	width: 49%;
	margin: 0;
	position: relative;
	float: right;
}

#main_advice_shou #btn_check img{
	width: 100%;
}

#main_advice_shou #btn_check .btn_check_txt_off{
	color: #fff;
	text-align: left;
	font-size: 4vw;
	font-weight: bold;
	margin: 0 auto;
	display: block;
	position: absolute;
	top: 20%;
	left: 5%;
}

#main_advice_shou #btn_check .btn_check_txt_on{
	color: #fff;
	text-align: left;
	font-size: 4vw;
	font-weight: bold;
	margin: 0 auto;
	display: block;
	position: absolute;
	top: 25%;
	left: 5%;
	display: none;
}

#main_advice_shou #link_box{
	margin: 0 10px 20px;
	padding: 20px 20px 0;
}

#main_advice_shou .advice_banner_02{
	margin: 20px 0 10px;
}

#main_advice_shou .advice_banner_02 img{
	width: 100%;
}

#main_advice_shou .advice_banner_03{
	margin: 20px 0 10px;
}

#main_advice_shou .advice_banner_03 img{
	width: 100%;
}

#main_advice_shou .advice_banner_04{
	margin: 20px 0 10px;
}

#main_advice_shou .advice_banner_04 img{
	width: 100%;
}

#main_advice_shou .advice_banner_txt{
	margin: 10px 0 20px;
	font-size: 2vw;
}

#main_advice_shou #btn_link .btn_txt{
	font-size: 4vw;
}

#main_advice_shou #link_box .row{
	width: 100%;
	margin-bottom: 20px;
}

#main_advice_shou #link_box .row .image{
	width: 100%;
	float: none;
	text-align: center;
	margin: 0 0 10px;
}

#main_advice_shou #link_box .row .image img{
	width: 100%;
}

#main_advice_shou #link_box .row .text{
	width: 100%;
	float: none;
}

#main_advice_shou #link_box .row .text .contents{
	font-size: 16px;
	width: 100%;
}

#main_advice_shou #link_box .row .text .contents .arrow{
	width: 10%;
	float: left;
}

#main_advice_shou #link_box .row .text .contents .kanasan_field{
	width: 90%;
	float: left;
}

}

#main #title {
	padding-right: 160px;
}
#main_advice_shou #title {
	padding-right: 150px;
}
#main_advice_shou #title.no-illust {
	padding-right: 0;
}