@charset "utf-8";

/* ココロの個性簡単チェック：デザインスタイル
 * **************************************************
 * Element [ ココロの個性簡単チェック ]
 * **************************************************
 */
#shindanMain .copy {
	text-align: center;
}

/* Media Queries 切替 */
@media all and (min-width: 698px) {
	#shindanMain {
		width: 700px;
		margin: auto;
		padding: 20px 0;
	}
	#shindanMain .img_check {
		height: 36px;
		margin: 0;
		padding: 0;
		text-align: right;
		vertical-align: bottom;
	}
	#shindanMain .top_shindan_img {
		margin-bottom: 25px;
	}
	#shindanMain .ttl_a_d {
		margin-bottom: 15px;
	}
	#shindanMain .pc_none {
		display: none;
	}

	/*table*/
	#shindanMain table {
		width: 100%;
		margin-bottom: 20px;
	}
	#shindanMain table td ,
	#shindanMain table th {
		vertical-align: middle;
		padding: 2px 0 0 0;
	}
	#shindanMain table tbody td ,
	#shindanMain table thead th {
		text-align: center;
	}
	#shindanMain table thead th {
		padding-top: 4px;
	}
	#shindanMain table tbody th {
		padding-top: 3px;
		padding-left: 3px;
	}
	#shindanMain table tbody td {
		width: 80px;
	}

	#shindanMain .btn_shindan {
		width: 300px;
		margin: 0 auto 40px auto;
	}
	#shindanMain button {
		width: 100%;
		padding: 15px 0;
		font-size: 20px;
		text-align: center;
		color: #ffffff;
		background: #ad363c;
		border: none;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	#shindanMain input[type="button"] ,
	#shindanMain input[type="submit"] {
		-webkit-appearance: none;
	}
	#shindanMain .back_btn {
		width: 300px;
		margin: 0 auto 40px auto;
	}
	#shindanMain .back_btn a {
		width: 100%;
		display: block;
		text-decoration: none;
		padding: 15px 0;
		font-size: 20px;
		text-align: center;
		color: #ffffff;
		background: #ad363c;
		border: none;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

	#shindanMain #r_1 td ,
	#shindanMain #r_1 th {
		border: solid 1px #EA8E4A;
	}
	#shindanMain #r_2 td ,
	#shindanMain #r_2 th {
		border: solid 1px #39A9A9;
	}
	#shindanMain #r_3 td ,
	#shindanMain #r_3 th {
		border: solid 1px #E66D8E;
	}
	#shindanMain #r_4 td ,
	#shindanMain #r_4 th {
		border: solid 1px #7C63A9;
	}

	#shindanMain .total_box {
		overflow: hidden;
		*zoom: 1;
		margin: 20px 0;
		padding-left: 50px;
	}
	#shindanMain .total_box .txt_total {
		width: 159px;
		float: left;
		padding-top: 35px;
	}
	#shindanMain .total_box .num_total {
		width: 151px;
		margin-left: 10px;
		padding:0 15px 0 15px;
		float: left;
		font-size: 35px;
		text-align: right;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	#shindanMain .total_box .num_total img {
		margin-left: 5px;
	}
	#shindanMain .total_box .num_total_a {
		border: solid 5px #EA8E4A;
	}
	#shindanMain .total_box .num_total_b {
		border: solid 5px #39A9A9;
	}
	#shindanMain .total_box .num_total_c {
		border: solid 5px #E66D8E;
	}
	#shindanMain .total_box .num_total_d {
		border: solid 5px #7C63A9;
	}

	#shindanMain .type_a_d {
		margin-bottom: 30px;
	}
	#shindanMain .total_type {
		margin-bottom: 5px;
		text-align: left;
	}
	#shindanMain .txt_type {
		margin-bottom: 10px;
		padding-left: 15px;
		text-align: left;
	}

	/*チェックボックス*/
	#shindanMain .yes {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
	}
	#shindanMain .yes input[type="radio"] {
		display: none;
	}
	#shindanMain .yes input[type="radio"] + label {
		padding: 3px 0 3px 50px;
		background: url(../images/none.png) no-repeat center center;
		background-size: 18px 18px;
		cursor: pointer;
	}
	#shindanMain #r_1 .yes input[type="radio"]:checked + label {
		background: url(../images/yes_a.png) no-repeat center center;
		background-size: 18px 18px;
		cursor: pointer;
	}
	#shindanMain #r_2 .yes input[type="radio"]:checked + label {
		background: url(../images/yes_b.png) no-repeat center center;
		background-size: 18px 18px;
		cursor: pointer;
	}
	#shindanMain #r_3 .yes input[type="radio"]:checked + label {
		background: url(../images/yes_c.png) no-repeat center center;
		background-size: 18px 18px;
		cursor: pointer;
	}
	#shindanMain #r_4 .yes input[type="radio"]:checked + label {
		background: url(../images/yes_d.png) no-repeat center center;
		background-size: 18px 18px;
		cursor: pointer;
	}
}
@media all and (max-width: 697px) {
	#shindanMain {
		width: 95%;
		margin: 0 auto;
		padding: 20px 0;
	}
	#shindanMain img{
		max-width: 100%;
		height: auto;
		width /***/:auto;
	}
	#shindanMain .img_check {
		height: 36px;
		margin: 0;
		padding: 0;
		text-align: right;
		vertical-align: bottom;
	}
	#shindanMain .top_shindan_img {
		margin-bottom: 5px;
	}
	#shindanMain .ttl_a_d {
		margin-bottom: 15px;
	}
	#shindanMain .sp_none {
		display: none;
	}

	/*table*/
	#shindanMain table {
		width: 100%;
		margin-bottom: 20px;
	}
	#shindanMain table td ,
	#shindanMain table th {
		vertical-align: middle;
		padding: 2px 0 0 0;
	}
	#shindanMain table tbody td ,
	#shindanMain table thead th {
		text-align: center;
	}
	#shindanMain table thead th {
		padding-top: 3px;
		padding-bottom: 0;
	}
	#shindanMain table tbody th {
		padding-top: 8px;
		padding-left: 5px;
		padding-right: 5px;
	}
	#shindanMain table tbody td {
		padding: 15px 0 15px 0;
		margin-left: -10vw;
		display: block;
		text-align: center;
		border: none;
	}
	#shindanMain table tbody th {
		display: block;
		border: none;
	}

	#shindanMain .btn_shindan {
		width: 80%;
		margin: 0 auto 40px auto;
	}
	#shindanMain button {
		width: 100%;
		padding: 10px 0;
		font-size: 18px;
		text-align: center;
		color: #ffffff;
		background: #ad363c;
		border: none;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	#shindanMain input[type="button"] ,
	#shindanMain input[type="submit"] {
		-webkit-appearance: none;
	}
	#shindanMain .back_btn {
		width: 80%;
		margin: 0 auto 40px auto;
	}
	#shindanMain .back_btn a {
		width: 100%;
		display: block;
		text-decoration: none;
		padding: 10px 0;
		font-size: 18px;
		text-align: center;
		color: #ffffff;
		background: #ad363c;
		border: none;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

	#shindanMain #r_1 thead th {
		border: solid 1px #EA8E4A;
	}
	#shindanMain #r_1 tbody td {
		margin-left: 3px;
		background: #f8ebe1;
	}
	#shindanMain #r_2 thead th {
		border: solid 1px #39A9A9;
	}
	#shindanMain #r_2 tbody td {
		margin-left: 3px;
		background: #d4efef;
	}
	#shindanMain #r_3 thead th {
		border: solid 1px #E66D8E;
	}
	#shindanMain #r_3 tbody td {
		margin-left: 3px;
		background: #fbe2e9;
	}
	#shindanMain #r_4 thead th {
		border: solid 1px #7C63A9;
	}
	#shindanMain #r_4 tbody td {
		margin-left: 3px;
		background: #e8e0f8;
	}
	#shindanMain #r_4 tbody td .yes:first-of-type ,
	#shindanMain #r_3 tbody td .yes:first-of-type ,
	#shindanMain #r_2 tbody td .yes:first-of-type ,
	#shindanMain #r_1 tbody td .yes:first-of-type {
		margin-left: -10vw;
	}


	#shindanMain .total_box {
		overflow: hidden;
		*zoom: 1;
		margin: 10px 0 30px 0;
		padding-left: 3vw;
	}
	#shindanMain .total_box .txt_total {
		width: 100px;
		float: left;
		padding-top: 32px;
	}
	#shindanMain .total_box .num_total {
		width: 130px;
		margin-left: 10px;
		padding:0 10px 0 10px;
		float: left;
		font-size: 30px;
		text-align: right;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	#shindanMain .total_box .num_total img {
		width: 15px;
		margin-left: 5px;
	}
	#shindanMain .total_box .num_total_a {
		border: solid 5px #EA8E4A;
	}
	#shindanMain .total_box .num_total_b {
		border: solid 5px #39A9A9;
	}
	#shindanMain .total_box .num_total_c {
		border: solid 5px #E66D8E;
	}
	#shindanMain .total_box .num_total_d {
		border: solid 5px #7C63A9;
	}

	#shindanMain .type_a_d {
		margin-bottom: 30px;
	}
	#shindanMain .total_type {
		margin-bottom: 5px;
		text-align: left;
	}
	#shindanMain .txt_type {
		margin-bottom: 10px;
		padding:0 10px;
		text-align: left;
		font-size: 14px;
	}

	/*チェックボックス*/
	#shindanMain .yes {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
	}
	#shindanMain .yes input[type="radio"] {
		display: none;
	}
	#shindanMain .yes input[type="radio"] + label {
		padding: 3px 0 3px 55px;
		background: url(../images/none.png) no-repeat center center;
		background-size: 18px 18px;
		cursor: pointer;
	}
	#shindanMain #r_1 .yes input[type="radio"]:checked + label {
		background: url(../images/yes_a.png) no-repeat center center;
		background-size: 18px 18px;
		cursor: pointer;
	}
	#shindanMain #r_2 .yes input[type="radio"]:checked + label {
		background: url(../images/yes_b.png) no-repeat center center;
		background-size: 18px 18px;
		cursor: pointer;
	}
	#shindanMain #r_3 .yes input[type="radio"]:checked + label {
		background: url(../images/yes_c.png) no-repeat center center;
		background-size: 18px 18px;
		cursor: pointer;
	}
	#shindanMain #r_4 .yes input[type="radio"]:checked + label {
		background: url(../images/yes_d.png) no-repeat center center;
		background-size: 18px 18px;
		cursor: pointer;
	}

}


