@charset "utf-8";


@media screen and (min-width: 768px) {
	.sp {
		display: none;
	}

}


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

	.pc {
		display: none;
	}

	.sp {
		display: block;
	}

	body,
	p,
	span,
	div,
	img {
		margin: 0;
		padding: 0;
		border: none;
		outline: none;
	}


	/* iOSでのデフォルトスタイルをリセット */
	input[type="submit"],
	input[type="button"] {
		border-radius: 0;
		-webkit-box-sizing: content-box;
		-webkit-appearance: button;
		appearance: button;
		border: none;
		box-sizing: border-box;
		cursor: pointer;
	}

	input[type="submit"]::-webkit-search-decoration,
	input[type="button"]::-webkit-search-decoration {
		display: none;
	}

	input[type="submit"]::focus,
	input[type="button"]::focus {
		outline-offset: -2px;
	}



	* {
		margin: 0;
		padding: 0;
	}

	/*html {
    font-size: 100%;
  }*/

	body {
		font-weight: normal;
		font-size: 1.6rem;
		line-height: 1.8;
		position: relative;
		/*	background-color: #000000;
*/
	}

	/*
body:before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background:url(../../../../images/auto/sal/body1_sp.jpg) center no-repeat;
  background-size:cover;
}*/

	img.img100 {
		width: 100%;
	}

	img.img90 {
		width: 90%;
	}

	img.img80 {
		width: 80%;
	}

	img.img70 {
		width: 70%;
	}

	img.img60 {
		width: 60%;
	}

	img.img50 {
		width: 50%;
	}

	img.img40 {
		width: 40%;
	}

	img.img30 {
		width: 30%;
	}

	img.img20 {
		width: 20%;
	}

	img.w100 {
		width: 100%;
	}



	/*br{display: none;}*/
	br.ps {
		display: block;
	}

	br.pb {
		display: none;
	}

	br.sb {
		display: block;
	}

	table br {
		display: block;
	}

	.pv {
		display: none;
	}

	.sv {
		display: block;
	}



	/*　head
*********************************************************/

	.bg-wrap {
		position: relative;
		width: 100%;
		height: auto;
	}

	.bg-wrap .bg-head {
		position: relative;
		width: 100%;
		height: auto;

	}



	.bg-head:before {
		content: "";
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 100vh;
		background: url(../../../../images/auto/sal/body_sp9.jpg) center no-repeat;
		background-size: cover;
	}




	.overlay {
		width: 100%;
		height: 80rem;
		position: absolute;
		top: 0;
		left: 0;
		background-image: linear-gradient(45deg, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .4) 50%);
		background-size: 3px 3px;
		z-index: 2;
	}


	@keyframes light-line-r {
		0% {
			background: linear-gradient(to right, Magenta, yellow, Cyan, Magenta) 0% center/200%;
			width: 1%;
			height: 0.5rem;
			opacity: 1;
		}

		100% {
			background: linear-gradient(to right, Magenta, yellow, Cyan, Magenta) 0% center/200%;
			width: 100%;
			height: 0.5rem;
			opacity: 1;
		}
	}


	/*=======================================*/

	#wrapper {
		margin: 0 auto;
		/* min-height: 100vh; */
		text-align: center;
		position: relative;
		overflow: hidden;
	}


	#header {
		width: 100%;
		height: auto;
		/*	min-height: 100vh;*/
		margin: 0 auto;
		text-align: center;
	}

	#header2 {
		margin: 50px auto 0;
	}


	#header img.head {
		width: 95%;
	}

	.content-back0 {
		width: 98%;
		margin: 0 auto 40px;
	}

	.subti_kimitu {
		width: 169px;
	}

	.subtitle1_parts2 {
		position: absolute;
		top: -26px;
		right: -3px;
	}

.secret_contents01 {
    width: 98%;
}

	.main_text {
		width: 100%;
		margin: 0 auto;
		line-height: 1.6;
		font-size: 17px;
		letter-spacing: 0em;
	}

	.mss_bt1 {
		width: 100%;
	}

	table.result01 td {
		padding: 5px;
		font-size: 10px;
	}

	.rule-midasi {
		width: 100%;
		margin: 30px auto 0;
		padding: 5px;
	}

	.rule-number {
		width: 60%;
		background: #FFFFFF;
		font-size: 3rem;
	}

	.note {
		padding: 10px;
		border-radius: 5px;
	}

	.caution {
		height: 200px;
	}

	.scramble {
		height: 170px;
	}

	.text {
		width: 100%;
	}

	.area-main {
		width: 100%;
	}

	.button-3 {
		width: 90%;
	}

	/*
.hd-1 {
  animation-delay: 0.5s;
  animation-duration: 1s;
}
.hd-2 {
  animation-delay: 1.5s;
  animation-duration: 1s;
}
.hd-3 {
  animation-delay: 1.7s;
}
*/
	/*=======================================*/

	#global-nav {
/*background-image: url("/questions/finish/images/bg-globalmenu.png");*/
		background-size: 100%;
		background-position: center bottom;
		background-repeat: no-repeat;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		color: #ffffff;
		z-index: 999999;
		position: fixed;
	}

	#global-nav.m_fixed {
		left: 0;
		right: 0;
		position: fixed;
		top: 0;
	}

	ul.menu {
		margin: 0 auto;
		width: auto;
		height: 100%;
		font-size: 1.2rem;
		line-height: 1.5;
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		list-style: none;
	}


	ul.menu li a {
		padding: 0.3rem 1rem;
		margin: 0.3rem;
		color: #1d1d1d;
		display: block;
		text-align: center;
		vertical-align: middle;
		border-bottom: none;
		height: 50px;
	}

	ul.menu li a i {
		font-size: 1.4rem;
		margin: auto;
		display: block;
	}


	/*=======================================*/


	.container {
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		padding: 0 0.5rem;
	}



	.main {
		width: 100%;
		margin: 0 auto;
		/* padding: 0rem 0.5rem 2rem 0.5rem; */
		z-index: 4;
	}

	.area-main {
		width: 98%;
		z-index: 4;
	}


	.main-wt {
		background-image: url(../../../../images/auto/sal/bg-section_wt.jpg);
		background-position: center;
		background-size: 200%;
		background-attachment: local;
		box-shadow: 0 0px 20px #666028 inset;

	}


	.main-bl {
		background-image: linear-gradient(to left, #cc208e 0%, #6713d2 100%);
	}

	.main-pk {
		background-image: linear-gradient(to right, #231557 0%, #44107A 29%, #FF1361 67%, #FF8D2E 100%);
	}

	/*=========================*/

	.text {
		width: 100%;
		margin: 0px auto;
		text-align: left;
		padding: 1rem 1.5rem 4rem 1.5rem;
	}


	p {
		padding-top: 4.8rem;
	}

	ul.last-number li {
		width: 18%;
		display: inline-block;
		font-size: 2.3rem;
		color: #000000;
		background-color: #ffffff;
		padding: 1rem;
		margin: 0.2rem;
		background-image: url("https://www.transparenttextures.com/patterns/white-carbon.png");
	}

	.area-comment {
		width: 90%;
		margin: 0 auto;
		padding: 4rem 0;
	}

	/*=========================*/




	/*=======================================*/


	section.bace {
		width: 100%;
		height: auto;
		background-image: url(../../../../images/auto/sal/bg-cwt.png);
		background-position: center;
		background-size: 200%;
		position: relative;
	}

	section.bace-rainbow {
		width: 100%;
		height: auto;
		background-image: url(../../../../images/auto/sal/body7.jpg);
		background-position: center;
		padding: 2rem 0;
		position: relative;
	}



	.area-bo {
		border: 0.5rem solid #bc1c00;
	}

	.area-warning {
		background-size: 40%;
	}

	.shadow {
		box-shadow: 0 0px 15px #290a7f;
	}



	/*==========================================*/


	.box p {
		/*	padding: 0.2rem;
*/
	}

	.box i {
		margin-top: 0.3rem;
		/*	color: #ff0000;
*/
	}

	.box .w20 {
		width: 30%;
	}

	.box-table .fs25 {
		font-size: 1.4rem;
	}

	.box-table .w20 {
		width: 30%;
	}

	.box-table .w30 {
		width: 40%;
	}


	.t-shadow-s {
		text-shadow: -0.5px -0.5px 0.5px rgba(100, 100, 100, .5),
			1px 1px 1px rgba(255, 255, 255, .7);
	}

	.spblock {
		display: flex;
		flex-wrap: wrap;
	}


	/*=======================================*/


	.sche .box {
		display: block;
		width: 100%;
	}

	.sche .box p {
		width: 100%;
	}

	.sche .box br {
		display: block;
	}


	.blue-bt {
		background-image: url(../../../../images/auto/sal/bt-bg.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 80%;
	}

	.blue-bt img {
		margin: 0 auto;
	}


	ul.simulation-result li {
		display: inline-flex;
		flex-wrap: nowrap;
		padding: 1rem 2rem;
		font-size: 2rem;
		background-color: #ffffff;
		border-radius: 1rem;
	}

	#eyecatch li {
		width: 48%;
	}




	/* result
**********************************************************/
	.result {
		padding: 0.5rem;
	}

	.result li {
		width: 100%;
		font-size: 1.5rem;
		text-align: left;
		padding: 0.7rem;
	}

	.result li .hit .money {
		font-size: 2rem;
	}

	.result-data {
		padding: 1rem;
		background-color: #000000;
		text-align: left;
	}

	.result-data br.sb {
		display: block;
	}

	.result-box {
		width: 100%;
		margin-bottom: 3rem;
		display: block;
		font-size: 1.5rem;
	}

	.l-box {
		text-align: left;
		margin-right: 0;
	}

	.l-number {
		display: inline-flex;
		width: 100%;
	}


	.l-number p.hdd {
		width: 30%;
		font-size: 1.4rem;
		margin-right: 0.1rem;
		padding-left: 1rem;
	}


	.l-number p {
		padding: 0.5rem;
		margin-bottom: 0.1rem;
	}

	.r-box {
		margin-top: 2rem;
	}

	.r-number {
		display: inline-flex;
		flex-wrap: wrap;
		text-align: left;
	}


	.r-number p.hdd {
		flex-basis: auto;
		width: 40%;
		font-size: 1.4rem;
		margin-right: 0.1rem;
		padding-left: 1rem;
	}

	.r-number p {
		width: 59%;
		padding: 0.5rem;
		margin-bottom: 0.1rem;
	}


	.r-number p.money {
		font-size: 1.8rem;
	}


	table.select_box_htb {
		width: 90%;
		margin: 0 auto;
	}

	table.select_box_htb td {
		text-align: right;
		table-layout: fixed;
	}

	table.select_box_htb td:nth-child(1) {
		width: 20%;
		padding-right: 1rem;
	}

	table.select_box_htb td:nth-child(1) {
		width: 20%;
		padding-right: 1rem;
	}

	table.select_box_htb td:nth-child(2) {
		width: 8%;
		color: #FF0000;
		font-weight: bold;
	}

	table.select_box_htb td:nth-child(3) {
		width: 10%;
		font-weight: bold;
	}

	table.select_box_htb td:nth-child(4) {
		width: 20%;
		padding-right: 6rem;
		font-weight: bold;
	}




	table.select_box_htb2 {
		width: 90%;
		margin: 0 auto;
	}

	table.select_box_htb2 td {
		text-align: right;
		table-layout: fixed;
	}

	table.select_box_htb2 td:nth-child(1) {
		width: 20%;
		padding-right: 1rem;
	}

	table.select_box_htb2 td:nth-child(2) {
		width: 8%;
		background: rgba(255, 255, 0, 0.8);
		color: #FF0000;
		font-weight: bold;
	}

	table.select_box_htb2 td:nth-child(3) {
		width: 10%;
		background: rgba(255, 255, 0, 0.8);
		font-weight: bold;
	}

	table.select_box_htb2 td:nth-child(4) {
		width: 20%;
		padding-right: 4.3rem;
		background: rgba(255, 255, 0, 0.8);
		font-weight: bold;
	}

	.st1_table {
		width: 100%;
		text-align: center;
		margin: 0 auto;
		background: #222;
	}

	.st1_table th {
		background: #947d11;
		padding: 0;
		font-size: 0.8rem;
		border: 1px solid #000;
	}

	.st1_table td {
		font-size: 1.5rem;
		padding: 0.2rem;
		border: 1px solid #000;
	}

	.st1_table table {
		width: 100%;
	}

	.st1_t_1 {
		width: 20%;
		background: #f9cb54;
		/* Old browsers */
		background: -moz-linear-gradient(-45deg, #f9cb54 16%, #ff9400 67%);
		/* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg, #f9cb54 16%, #ff9400 67%);
		/* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg, #f9cb54 16%, #ff9400 67%);
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9cb54', endColorstr='#ff9400', GradientType=1);
		/* IE6-9 fallback on horizontal gradient */
	}

	.st1_t_1_2 {
		width: 12%;
		background: #f7eaca;
		/* Old browsers */
		background: -moz-linear-gradient(top, #f7eaca 1%, #f9cb53 100%);
		/* FF3.6-15 */
		background: -webkit-linear-gradient(top, #f7eaca 1%, #f9cb53 100%);
		/* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #f7eaca 1%, #f9cb53 100%);
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7eaca', endColorstr='#f9cb53', GradientType=0);
		/* IE6-9 */

	}

	.st1_t_2 {
		width: 50%;
		color: #FFF;
	}

	.st1_t_3 {
		color: #FF0000;
		background-color: #FFF000;
		font-weight: bold;
	}

	.st1_t_4 {
		color: #FFF;
	}

	.st1_t_5 {
		color: #FF0000;
		background: #FFF000;
		font-weight: bold;
	}

	.st1_t_6 {
		color: #FF0000;
		background: #FFF000;
		font-weight: bold;
	}

	.st1_t_7 {
		color: #FF0000;
		background: #FFF000;
		font-weight: bold;
	}

	.st1_t_8 {
		color: #FF0000;
		background: #FFF000;
		font-weight: bold;
	}


	.st1_t_7_out {
		color: #FF0000;
		background: #FFF000;
	}

	.st1_t_8_out {
		color: #FF0000;
		background: #FFF000;
	}

	.st1_t_1 img {
		width: 100%;
	}

	.st1_t_1_2 img {
		width: 100%;
	}

	/*　
*********************************************************/

	.note4 {
		width: 98%;
		color: #010427;
		margin-left: auto;
		margin-right: auto;
		border: solid 1px #e6e6e6;
		padding: 0.5rem;
		box-shadow: 2px 2px 0 rgba(0, 0, 0, .1);
	}

	.sen4 {
		padding: 0.2em 0.5em 1.8em 0.5em;
	}

	.sen4 p {
		padding: 0.2em 0.5em 1.8em 0.5em;
	}

	.note4 img {
		width: 25%;
	}


	ul.monitor li img.icon {
		width: 8rem;
		height: 8rem;

	}

	ul.monitor .item {
		width: 100%;
		padding: 1rem;
		font-size: 1.5rem;
	}

	/*　
*********************************************************/

	/*==========================================*/

	.bg-flash {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 25rem;
		margin-right: auto;
		margin-left: auto;
	}

	.bg-flash div {
		width: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}



	/*===================================*/


	.hidden_box label {
		width: 85%;
		padding: 2rem 1rem;
	}


	/*===================================*/


	.ribbon19-wrapper {
		padding: 1rem;
		font-size: 1.5rem;
	}


	.ribbon19 {
		display: inline-block;
		position: absolute;
		padding: 5px 0;
		left: -16px;
		top: 12px;
		width: 160px;
		text-align: center;
		font-size: 12px;
		line-height: 16px;
		background: #d60000;
		color: #fff;
		letter-spacing: 0.05em;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		box-shadow: 0 0 0 2px rgb(214, 0, 0);
		border-top: dashed 1px rgba(255, 255, 255, 0.65);
		border-bottom: dashed 1px rgba(255, 255, 255, 0.65);
	}

	/*===================================*/

	.form {
		width: 100%;
	}




	a.graybt {
		margin: 1rem auto;
		width: 95%;
		font-size: 1.8rem;
		padding: 1.5rem 1rem;
	}



	label {
		margin: 0rem auto 1rem;
		width: 100%;
		font-weight: bold;
		/*	text-align: left;
*/
		cursor: pointer;
		color: #FF2b74;
		padding: 0rem 0.5rem;
		border-radius: 0.5rem;
		display: inline-block;
	}

	label:hover {
		border: none;
	}

	input[type=radio] {
		width: 20px;
		height: 20px;
		vertical-align: middle;
		-moz-transform-origin: right bottom;
		-moz-transform: scale(1.2, 1.2);
	}

	input[type="text"] {
		width: 100%;
		padding: 1rem 0.5rem;
		font-size: 1.8rem;
		margin: 0 auto;
	}



	input[type="submit"] {
		width: 90%;
		font-size: 1.8rem;
		font-weight: bold;
		color: #ffffff;
		padding: 2rem 0.5rem;
		cursor: pointer;
	}


	/*===================================*/


	/*===========================================*/

	/*===========================================*/

	.area-form {
		width: 100%;
		margin: 0 auto;
	}

	table.tokuten {
		width: 98%;
		font-size: 1.4rem;
	}


	table.list {
		width: 100%;
		font-size: 1.4rem;
		padding: 0rem;
	}


	table.list th {
		width: 100%;
		padding: 1rem 0.5rem;
		font-weight: bold;
		text-align: left;
		vertical-align: top;
		display: block;
		border-right: none;
	}


	table.list th br {
		display: none;
	}

	table.list th br.sp-b {
		display: block;
	}

	table.list td {
		padding: 0.5rem 0.5rem 2rem 0.5rem;
		text-align: left;
		display: block;
	}




	table.gouka th {
		width: 100%;
		display: block;
		padding: 0.5rem 0;
		text-align: center;
		vertical-align: middle;
	}

	table.gouka td {
		width: 70%;
		display: inline-block;
		padding: 0.5rem;
		text-align: center;
	}

	table.gouka td.umu {
		width: 30%;
		display: inline-block;
		padding: 0.5rem;
		text-align: center;
	}











	span.hissu {
		display: inline-block;
		min-width: 5rem;
		text-align: center;
		background-color: #ff0000;
		color: #ffffff;
		font-weight: bold;
		margin-left: 1rem;
	}

	span.jiyu {
		display: inline-block;
		min-width: 5rem;
		text-align: center;
		background-color: #2179FC;
		color: #ffffff;
		font-weight: bold;
		margin-left: 1rem;
	}

	table.point {
		width: 100%;
		margin: auto;
		font-size: 1.4rem;
		padding: 0.5rem;
	}


	table.point th {
		width: 100%;
		padding: 1rem 1rem;
		font-size: 1.4rem;
		display: block;
	}


	table.point td {
		display: block;
		padding: 0.5rem 0.5rem 3rem 0.5rem;
	}


	.heading {
		font-size: 1.5rem;
		font-weight: bold;
		padding: 1rem 0.5rem;
		border-bottom: 0.1rem dotted #000000;
	}

	button {
		margin: 0 auto;
		width: 95%;
		font-weight: bold;
		padding: 2rem 1rem;
		cursor: pointer;
	}




	textarea {
		padding: 1rem;
		font-size: 1.5rem;
		width: 100%;
		height: 20rem;
	}

	a.p-link {
		width: 95%;
		margin: 0 auto;
		display: block;
		padding: 2rem 0.5rem;
	}


	a.g-link {
		width: 95%;
		margin: 0 auto;
		display: block;
		padding: 2rem 0.5rem;
		font-size: 2.5rem;
	}


	/*===========================================*/

	/*===================================*/


	/*===========================================*/

	.loop-box ul {
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		justify-content: space-between;
		list-style: none;
		max-height: 10000%;
		min-height: 100%;
		width: 100%;
		animation: 50s linear infinite;
		/* アニメーション設定 - 変更可 */
	}

	.loop-box ul li {
		padding: 1rem;
		font-size: 1.5rem;
	}


	/*===========================================*/


	/*=====================================================
footer
=====================================================*/


	footer {
		/*	position: absolute;
	bottom: 0;*/
	}

	.footer {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	.footer ul {
		text-align: center;
		font-size: 1.3rem;
	}

	.footer ul li {
		display: inline-block;
		padding: 0.5rem;
		text-align: center;
		font-weight: normal;
	}

	.footer ul li a {
		color: #ffffff;
	}


	.footer .copy {
		font-size: 1.3rem;
		color: #dddddd;
		padding: 1rem 0.5rem;
		text-align: center;
	}

	#footer p {
		font-size: 10px;
		padding-top: 0px;
	}


	/*===========================================*/



	#footer {
		width: 100%;
		margin: 0 auto;
		padding: 1rem 0;
		background-color: #212121;
		color: #fff;
		font-size: 0.5rem;
	}

	#footer_in {
		text-align: center;
		font-size: 1.2rem;
		padding-bottom: 2rem;
	}


	@keyframes zoomin {
		0% {
			opacity: 0;
			transform: scale(5, 5);
			filter: drop-shadow(0px 0px 40px rgba(255, 255, 255, 0));
		}

		20% {
			opacity: 0.5;
			transform: scale(1.4, 1.4);
		}

		100% {
			opacity: 1;
			transform: scale(1.0, 1.0);
			filter: drop-shadow(0px 0px 30px rgba(255, 255, 255, 1));
		}
	}

	.fuwa {
		animation-name: fuwa;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
		animation-direction: alternate;
		animation-duration: 1.1s;
	}

	@keyframes fuwa {
		0% {
			transform: translate(0, 0px);
		}

		100% {
			transform: translate(0, -5px)
		}
	}



	/*===========================================*/



	/*===========================================*/
	.timer {
		font-size: 1.6rem;
	}


	.timer .time {
		font-size: 3rem;
		margin-left: 0.5rem;
		display: inline-block;
		width: 4rem;
		font-weight: bold;
	}

	/*===================================*/

	.point-flex {
		flex-direction: column;
		font-size: 2rem;
	}

	/*===================================*/


	.subhead01 {
		font-size: 3rem;
	}

	/*===================================*/



	.contents-flex {
		flex-direction: column;
		width: 100%;

	}

	.content-back02 {
		width: 100%;
	}

	.place1_link_com_bg.bigss {
		max-height: 500px;
	}

	.report ul li {
		padding: 0;
	}

}