@charset "UTF-8";

/*-----------------------*/

.line {
  position: absolute;
  width: 1px;
  height: 97.5%;
  left: 50%;
  background: rgba(255, 255, 255, 0.1);
  overflow: hidden;
}
.line::after {
  content: "";
  display: block;
  position: absolute;
  height: 15vh;
  width: 100%;
  top: -50%;
  left: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);
  -webkit-animation: drop 10s 0s infinite;
          animation: drop 10s 0s infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.97, 0.97, 0.97, 0.97);
          animation-timing-function: cubic-bezier(0.97, 0.97, 0.97, 0.97);
}
.line:nth-child(1) {
  margin-left: -48%;
}
.line:nth-child(1)::after {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.line:nth-child(2) {
  margin-left: 48%;
}
.line:nth-child(2)::after {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}

@-webkit-keyframes drop {
  0% {
    top: -50%;
  }
  100% {
    top: 110%;
  }
}

@keyframes drop {
  0% {
    top: -50%;
  }
  100% {
    top: 110%;
  }
}


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

br{
	letter-spacing:0;
}

ol, ul {
	list-style: none;
}

img {
	vertical-align: middle;
}

a {
	color: #0000FF;
}

a:hover {
	color: #8F0000;
}

/*-----------------------*/

#mask{
	background:url("../images/body_mask1.png") center bottom / 100% auto no-repeat;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:0 auto;
	width:100%;
	height:100%;
	z-index:10000000;
}

html {
	font-family:"メイリオ","Meiryo","Osaka","MS Pゴシック","MSゴシック",Helvetica,verdana,arial;
	color: #333;
	vertical-align: middle;
	text-align: center;
	font-size: 16px;
	background:url("../images/bg_2204.png") no-repeat top center;
	background-size: cover;
	background-attachment: fixed;
	display: block;
	width: 100%;
	margin: 0 auto;
}

body {
	margin: 0;
}

/*-----------------------*/

#wrapper {
	width: 100%;
	height: 100%;
}

/*-----------------------*/

.topber{
	background:#F79000;
	width:100%;
	padding:5px;
	text-align:center;
}

#bg-video{
	position: absolute;
	top: 50%;
	left: 49%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 1600px;
	z-index: -100;
}

.headerbg {
	width:100%;
	margin:0px auto 0;
	position: relative;
	padding:1px 0;
}

@keyframes headerbg_anime {
	0% { background:url("../images/header_bg2.png") center center / 700px 700px no-repeat; }
	50% { background:url("../images/header_bg2.png") center center / 450px 450px no-repeat; }
	55% { background:url("../images/header_bg2.png") center center / 500px 500px no-repeat; }
	60% { background:url("../images/header_bg2.png") center center / 550px 550x no-repeat; }
	100% { background:url("../images/header_bg2.png") center center / 700px 700px no-repeat; }
}

.header img {
	width:100%;
	max-width:1150px;
	margin:0px auto 0;
	position: relative;
	padding:1px 0;
}

.header_text1{
	margin:10px auto 0px;
}

.header_text2{
	margin:0px auto 15px;
	font-weight: bold;
	font-family:serif;
	animation: neon 1.5s ease-in-out infinite alternate;
	-webkit-animation: neon 1.5s ease-in-out infinite alternate;
 	-moz-animation: neon 1.5s ease-in-out infinite alternate; 	
}

@keyframes neon {
  from {text-shadow:0 0 0px #fff,0 0 0px #FFDD1B;}
  to {text-shadow:0 0 10px #fff,0 0 10px #FFDD1B;}
}

.main_texas {
	margin:10px auto;
}

.header_text3{
	margin:0px auto 30px;
}

.headerbg1 .timer{
	margin:761px auto 0;
}

.header_timer{
	margin:30px auto 0;
}

/*-----------------------*/

.animated.buruburu {
	display: inline-block;
	animation:
	doon 1s 1 ease 0s alternate forwards,
	hurueru 0.1s 10 ease 1s alternate forwards;
}

@keyframes doon {
0% { opacity: 0; transform: scale(2); }
50% { opacity: 1; transform: scale(1); }
70% { transform: scale(.9); }
100% { transform: scale(1); }
}

@keyframes hurueru {
0% {transform: translate(0px, 0px) rotateZ(0deg)}
25% {transform: translate(2px, 2px) rotateZ(-1deg)}
50% {transform: translate(0px, 2px) rotateZ(0deg)}
75% {transform: translate(2px, 0px) rotateZ(1deg)}
100% {transform: translate(0px, 0px) rotateZ(-1deg)}
}


/*-----------------------*/

#container2 {
	position: relative;
	margin: 0 auto 0;
	width:900px;
}

#container {
	position: relative;
	margin: 0 auto 0;
	width:900px;
}

#container::befor {
	width:100%;
	height: 100%;
	content: " ";
	position: absolute;
	margin: 0 auto 0;
	text-align: center;
	display: block;
	padding-bottom: 1px;
	background:
	url("../images/main_yoko1.png") repeat-y top left,
	url("../images/main_yoko1.png") repeat-y top right;
	animation:howanhowan 9s linear infinite;
	z-index:-1;
}

@keyframes howanhowan {
	0% { opacity:1; }
	50% { opacity:0.1; }
	100% { opacity:1; }
}

.main1 {
	width: 850px;
	height:100%;
	padding:1px 0;
	margin:0 auto;
	background:#fff;
	box-shadow: 0 0 8px gray;
}

/*-----------------------*/

.subhead {
	margin: 100px auto 0;
	text-align: center;
	font-size:32px;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight:300;
	letter-spacing:-0.05rem;
	color:#FFFFFF;
}

.marker {
	background: linear-gradient(transparent 95%, #FDD93B 95%);
	line-height:1.2;
	display:inline-block;
}

/*-----------------------*/

.ten {
	margin:-7px 3px 0 0;

}

.ten2 {
	margin:-12px 3px 0 0;

}

a.last {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 0 0 10px;
	margin-bottom: 5px;
	line-height: 2;
}

a.last:hover {
	color: #555555;
	background:#FFFFB8;
}

/*-----------------------*/

.bullet{
background: url(../images/maslogo.png) left 20px center no-repeat, rgb(255,146,10); /* Old browsers */
background: url(../images/maslogo.png) left 20px center no-repeat, -moz-linear-gradient(top, rgba(255,146,10,1) 0%, rgba(232,112,20,1) 100%); /* FF3.6-15 */
background: url(../images/maslogo.png) left 20px center no-repeat, -webkit-linear-gradient(top, rgba(255,146,10,1) 0%,rgba(232,112,20,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: url(../images/maslogo.png) left 20px center no-repeat, linear-gradient(to bottom, rgba(255,146,10,1) 0%,rgba(232,112,20,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
margin: 20px 56px 0px;
padding:15px 1px;
border-radius: 10px;
}

.bullet .main_text{
	margin: 5px 15px 5px 130px;
	color:#FFFFFF;
	letter-spacing:0;
	text-shadow: 0 0 2px #000000;
}

.bullet .main_text.t24{
	letter-spacing:1px;
}

/*-----------------------*/

.main_text {
	margin: 40px 50px 0px;
	text-align: left;
	font-size: 16px;
	line-height: 1.8;
	font-weight:400;
	letter-spacing:0.05em;
}

.main_text1 {
	margin: 40px 50px 0px;
	text-align: left;
	font-size: 16px;
	line-height: 1.8;
	font-weight:400;
	letter-spacing:0.05em;
}

.main_text2 {
	margin: 30px 45px 0px;
	text-align: left;
	font-size: 16px;
	line-height: 1.8;
	letter-spacing: 0.05em;
	font-weight:400;
	color:#000000;
}

.main_text.center {
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}

.main_text.center_pc {
	text-align: center;
}

.main_text.toptext {
	font-size: 24px;
}


.main_text2.center {
	text-align: center;
}

.main_text_th {
	margin: 30px 130px 0px 130px;
	text-align: left;
	font-size: 17px;
	line-height: 1.6;
	letter-spacing: 0.03em;
}

/*-----------------------*/

.notice {
	border: 1px solid #cccccc;
	margin: 32px;
	height: 343px;
}

.noticetop {
	background: rgb(255,168,76); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,168,76,1)), color-stop(100%,rgba(255,123,13,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
	padding: 2px 0 0 0;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 5px;
	font-size: 20px;
	margin: 0;
	border-bottom: 1px solid #CCCCCC;
}

.noticecontent {
	overflow-y: scroll;
	height: 308px;
}

.noticetext {
	text-align: left;
	margin: 10px 16px 10px 16px;
}

/*-----------------------*/

#footer_n {
	margin: 0 auto 0 auto;
padding: 1px 0 15px 0;
background: #F79100;
}

.footer_n2 {
	width:1050px;
	margin:0 auto;
}

#footer_n p {
	margin: 15px;
}

.footer_bg1 {

	margin: 0 auto;
	border-bottom: 1px solid #FFF;
}

.footer_bg1 p {
	color: #FFF;
	text-align:center;
	font-size: 14px;
}

.footer_bg1 p a {
	color: #FFF;
	text-decoration: none;
}

.footer_bg1 p a:hover {
	text-decoration: underline;
}

.footer_bg2 {

	margin: 0 auto;
	position: relative;
	height: 110px;
}

.footer_bg2 p {
	color: #FFF;
	text-align:left;
	font-size: 12px;
	line-height: 1.3;
}

.footer_bg2 p a {
	color: #FFF;
	text-decoration: none;
}

.footer_bg2 p a:hover {
	text-decoration: underline;
}

.footer_bg_p1 {
	top: 10px;
	left: 0;
	width: 350px;
	margin: 0 auto;
	position: absolute;
}

.footer_bg_p2 {
	top: 10px;
	left: 260px;
	width: 360px;
	margin: 0 auto;
	position: absolute;
}

.footer_bg_p3 {
	top: 10px;
	left: 600px;
	width: 350px;
	margin: 0 auto;
	position: absolute;
}

/*-----------------------*/

.iflink{
	width:764px;
	margin:50px auto 30px auto;
	height:540px;
	border:none;
}

.formbg1{
	background: url("../images/form1.png") top center no-repeat , url("../images/form2.png") bottom no-repeat , url("../images/form3.png") ;
	margin:50px auto 30px auto;
	width:764px;
	padding: 1px 0 30px 0;
	min-height:484px;
}

.insize1{
	width:500px;
	height:30px;
	font-size:24px;
	padding:5px;
}

.insize2{
	width:500px;
	height:150px;
	font-size:24px;
	padding:5px;
}

.formlay1{
	margin:0 auto;
	text-align:left;
}

.formlay1 td{
	padding:10px 0 0 0;
}

.flowbg1{
	display: inline-block;
	width:100%;
	max-width: 550px;
	border:1px dotted #999;
	padding: 0;
}

.flowbg2{
	display: inline-block;
	width: 50px; 
	background: #FFF;
	line-height: 1;
	padding: 10px 0;
	font-weight:bold;
	text-align: center;
	height: 16px;
	float:left;
}

.flowbg3{
	line-height: 1.6;
	vertical-align:middle;
	margin:5px 10px 5px 0px;
	display: inline-block;
}

/*-----------------------*/

.formbg3 {
	width: 738px;
	background: #FCD5A7;
	margin: 0 auto 0 auto;
	padding: 1px 1px 15px 1px;
	color:#222222;
}

.formbg {
	width: 700px;
	margin: 20px auto 0 auto;
	line-height: 1.9;
}

.formbg th {
	width: 120px;
	margin: 0 auto;
	border: 1px solid #777;
	text-align:left;
	padding: 13px 10px 10px 10px;
	vertical-align: top;
	background:#F9F1D7;
	font-weight:bold;
}

.formbg td {
	margin: 0 auto;
	border: 1px solid #777;
	text-align:left;
	padding: 13px 10px 10px 10px;
	background:#FFFFFF;
}

.formres1 {
	background: #F9F1D7;
	display:block;
	line-height:1;
	margin: 10px 0 0 0;
	padding: 8px 0 5px 0;

}

.formres2 {
	display:block;
	line-height:1;
	margin: 3px 0 0 0;
	padding: 0px 0 5px 10px;
}

/*-----------------------*/

.formbg2 {
	width: 700px;
	margin: 0 auto 0 auto;
	border-left: 1px solid #777;
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
}

.formbg2 th {
	width: 170px;
	margin: 0 auto;
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
	text-align:left;
	padding: 10px;
	vertical-align: top;
	background:#EEEDED;
	font-weight:normal;
}

.formbg2 td {
	margin: 0 auto;
	border-bottom: 1px solid #777;
	text-align:left;
	padding: 10px;
	background:#FFFFFF;
}

.fsize1 {
	width: 300px;
	height: 30px;
	font-size: 20px;
}

.fsize2 {
	width: 462px;
	height: 30px;
	font-size: 20px;
}

input[type="radio"] + label {
	cursor: pointer;
	font-size: 22px;
}

input[type="radio"]:checked + label {
	font-weight:bold;
	cursor: pointer;
	font-size: 22px;
}

.button6 {
	background: url("../images/button6_1.png") no-repeat top;
	width: 680px;
	height: 130px;
	cursor: pointer;
	border: none;
	display:block;
	margin: 0 auto 0 auto;
}

.button6:hover {
	background: url("../images/button6_2.png") no-repeat;
}

.waku1{
	background:#FFFFFF;
	padding:1px;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}

.waku2{
	border:1px dotted #000000;
	margin:90px 90px 0px;
}

.waku2 .main_text{
	margin: 40px 40px;
	text-align: left;
	font-size: 18px;
	line-height: 1.8;
	letter-spacing: 0.03em;
}

/*-----------------------*/

.main_text_th {
	margin: 30px 100px 0px 100px;
	text-align: left;
	font-size: 17px;
	line-height: 1.6;
	letter-spacing: 0.03em;
}

.bankbg {
	margin: 0 auto 0 auto;
	border: 1px solid #777;
	font-size:20px;
}

.bankbg th {
	width: 110px;
	margin: 0 auto;
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
	text-align:left;
	padding: 10px;
	vertical-align: top;
	background:#F9F1D7;
	font-weight:bold;
}

.bankbg td {
	margin: 0 auto;
	border-bottom: 1px solid #777;
	text-align:left;
	padding: 10px;
	background: #FFF;
}

.crbutton {
	width: 90%;
	height: 140px;
	font-size: 42px;
	cursor: pointer;
	color: #FF5500;
	display:inline-block;
	font-weight:bold;
}

.th_janp {
	display:block;
	width: 738px;
	margin: 0 auto;
	background: #32cd32;
	padding: 20px 0;
	color: #FFF;
	text-decoration:none;
	font-size: 24px;
}

.th_janp:hover {
	color: #FFF;
	background: #89E289;
	text-decoration:underline;
}
/*-----------------------*/

.toku {
	width:740px;
	margin:0 auto 0;
	padding:1px 1px 30px 1px;
	background:
	url("../images/toku2.png") bottom center no-repeat ,
	url("../images/toku1.png") center repeat-y ;
}

.toku .main_text{
	margin: 30px 40px 30px;
	font-size:16px;
	color:#333333;
	text-shadow: none;
}

.suzuki_bg{
	background: url("../images/suzuki1.png") 440px 0px no-repeat;
}

.kido_bg{
	background: url("../images/kido1.png") 530px 0px no-repeat;
}

/*-----------------------*/

#accordion_bg_sim{
	margin:32px 16px;
}

#accordion_bg_sim h3 {
	display:block;
	width:730px;
	height:132px;
	margin:50px auto 0;
	cursor:pointer;
}

#accordion_bg_sim h3.kiji1{
	background:url("../images/kiji_bt1.png");
}

#accordion_bg_sim h3.kiji1:hover{
	background:url("../images/kiji_bt1h.png");
}

#accordion_bg_sim h3.kiji2{
	background:url("../images/kiji_bt2.png");
}

#accordion_bg_sim h3.kiji2:hover{
	background:url("../images/kiji_bt2h.png");
}

#accordion_bg_sim h3.kiji3{
	background:url("../images/kiji_bt3.png");
}

#accordion_bg_sim h3.kiji3:hover{
	background:url("../images/kiji_bt3h.png");
}

.accordion-block_sim{
	margin: 0 42px 0;
	padding: 26px;
	background:#FFFFFF;
	color:#222222;
	border-radius:0 0 20px 20px;
	text-align:left;
}

.accordion-block_sim p img{
	max-width:660px;
}

.accordion-text_sim{
	margin:32px 32px 0px 32px;
	text-align:left;
	font-size:14px;
	letter-spacing:0.05em;
	line-height: 1.8;
}

/*-----------------------*/

.kiji_janp{
	display:block;
	width:710px;
	padding:10px 0 3px;
	border-radius:50px;
	font-size:60px;
	font-weight:900;
	margin:0 auto 30px;
	color:#001e4c;
	text-decoration:none;
	box-shadow:0 0 1px #021727 , 0 0 2px #00fdfe , 0 0 10px #00fdfe , 0 0 20px #002121;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#799bc8+2,a6c0e3+5,99b5db+8,c8d7eb+11,bed0ea+89,99b5db+92,a6c0e3+94,a6c0e3+97,799bc8+100 */
	background: #799bc8; /* Old browsers */
	background: -moz-linear-gradient(top, #799bc8 2%, #a6c0e3 5%, #99b5db 8%, #c8d7eb 11%, #bed0ea 89%, #99b5db 92%, #a6c0e3 94%, #a6c0e3 97%, #799bc8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #799bc8 2%,#a6c0e3 5%,#99b5db 8%,#c8d7eb 11%,#bed0ea 89%,#99b5db 92%,#a6c0e3 94%,#a6c0e3 97%,#799bc8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #799bc8 2%,#a6c0e3 5%,#99b5db 8%,#c8d7eb 11%,#bed0ea 89%,#99b5db 92%,#a6c0e3 94%,#a6c0e3 97%,#799bc8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#799bc8', endColorstr='#799bc8',GradientType=0 ); /* IE6-9 */
}

.kiji_janp:hover{
	opacity:0.8;
}

/*-----------------------*/

.timer_bg{
	background:url("../images/timer_bg1.png") top center no-repeat;
	width:808px;
	height:298px;
	padding:1px 0;
	margin:100px auto 100px;
}

.timer_bg .timer{
	margin:214px auto 0;
}

/*-----------------------*/

.thanks_bg1 .main_text{
	text-shadow: none;
	letter-spacing:0.05rem;
}

/*-----------------------*/

.sankaku1{
width: 0;
height: 0;
border-style: solid;
border-width: 30px 25px 0 25px;
border-color: #ff5d00 transparent transparent transparent;
display:inline-block;
}

/*-----------------------*/

.font1{
	font-family: 'M PLUS 1p', sans-serif;
	font-weight:300;
}

.font4{
	font-family: 'M PLUS 1p', sans-serif;
	font-weight:700;
	letter-spacing:-0.05rem;
}

.font5{
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 900;
	letter-spacing:-0.05rem;
}

/*-----------------------*/

.monitor_bg{
	background-color: rgba(242,228,99,1);
	width:716px;
	padding:10px 0;
	margin:30px auto 0;
}

/*-----------------------*/

iframe.bg{
	width:716px;
	margin:0 auto;
	height:610px;
}

/*-----------------------*/

.noshadow{
text-shadow: none;
}

/*-----------------------*/

.service_bg{
	background:#fff9cc;
	width:716px;
	margin:0 auto;
	padding: 0 0 40px 0;
	border-radius:10px;
}

/*-----------------------*/

.filter_icon{
	width:80px;
	background:#555555;
	border-radius:10px;
	vertical-align:top;
	margin:-3px 10px 0 0;
}

/*-----------------------*/

.merit_top{
	text-align:left;
	font-weight:bold;
	padding:15px 23px;
	font-size:20px;
	line-height: 48px;
	text-decoration:none;
	border-radius: 4px 4px 0 0;
	border-bottom:10px solid #004b4f;
	text-shadow: 1px 1px 3px #000e11;
	width: 580px;
	margin:20px auto 0;
	color:#FFFFFF;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#93cede+0,007d84+100 */
	background: #93cede; /* Old browsers */
	background: -moz-linear-gradient(top, #93cede 0%, #007d84 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #93cede 0%,#007d84 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #93cede 0%,#007d84 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#007d84',GradientType=0 ); /* IE6-9 */
}

.merit_bg{
	background:#b5f2ef;
	width: 626px;
	margin:0 auto 20px;
	border-radius: 0 0 4px 4px;
	padding: 1px 0;
	color:#005b57;
}

.merit_text{
	margin:22px ;
	text-align:left;
	font-size:16px;
}

.icon{
	margin:8px 5px 0 0;
	vertical-align:top;
	width:30px;
}

/*-----------------------*/

.table_d1{
	width:626px;
	margin:0 auto;
	color:#000000;
}

.table_d1 th{
	width:250px;
	border:1px solid #999999;
	background:#FFFFFF;
}

.table_d1 td{
	border:1px solid #999999;
	background:#FFFFFF;
	font-size:24px;
	font-weight:bold;
	text-align:left;
	padding:10px;
}

/*-----------------------*/

.u-service{
	width:626px;
	margin:30px auto;
	background:#591300;
	border-radius:10px;
	padding:20px 0 20px 0;
	color:#FFFFFF;
}

.service-box{
	margin-top:-40px;
}

.u-service .service-bigtit{
	display:block;
	background:#FFF000;
	margin:40px 20px 0;
	color:#000000;
	font-size:30px;
	font-weight:bold;
	padding:10px;
	text-align:center;
	border-radius:5px;
	animation: gradationTest 5s infinite;
}

.u-service .service-bigtit .bigres{
	font-size:20px;
}

@keyframes gradationTest {
  0% { background-color: #6CB8FF; }
  50% { background-color: #FFF66C; }
  100% { background-color: #FFA36C; }
}

.u-service .service-bigtit img{
	margin:5px 5px 0 0;
	vertical-align:top;
	width:30px;
}

.u-service p{
	text-align:left;
	font-size:15px;
	margin:20px 40px;
}

.u-service p.service-tit{
	border:1px solid #c6f5ff;
	background:#FFF000;
	color:#000000;
	font-size:20px;
	font-weight:bold;
	padding:5px 10px 2px;
	margin-top:30px;
}

.u-service dl{
	text-align:left;
	margin:20px 40px;
}

.u-service dt{
	font-size:24px;
	font-weight:bold;
	color:#FFF000;
}

.u-service ul{
	text-align:left;
	margin:20px 40px 20px 35px;
}

.u-service li {
	list-style-image: url(images/check.png);
	line-height: 0px;
	padding: 3px 0;
	font-weight:bold;
}

.yellow2{
	color:#ffffc9;
}

/*-----------------------*/

.pink{
	color:#ff3265;
}

/*-----------------------*/

.font_m1{font-family: 'M PLUS Rounded 1c', sans-serif;font-weight:300;letter-spacing:-0.05em;}
.font_m2{font-family: 'M PLUS Rounded 1c', sans-serif;font-weight:400;letter-spacing:-0.05em;}
.font_m3{font-family: 'M PLUS Rounded 1c', sans-serif;font-weight:500;letter-spacing:-0.05em;}
.font_m4{font-family: 'M PLUS Rounded 1c', sans-serif;font-weight:700;letter-spacing:-0.05em;}
.font_m5{font-family: 'M PLUS Rounded 1c', sans-serif;font-weight:800;letter-spacing:-0.05em;}
.font_m6{font-family: 'M PLUS Rounded 1c', sans-serif;font-weight:900;letter-spacing:-0.05em;}

/*-----------------------*/

.houjou5{
	width:180px;
}

/*-----------------------*/

.bgyellow2{
	background:#FFF000;
	display:inline-block;
	padding: 0 0.5em 0 ;
}

/*-----------------------*/

.lh10{line-height:1;}
.lh11{line-height:1.1;}
.lh12{line-height:1.2;}
.lh13{line-height:1.3;}
.lh14{line-height:1.4;}
.lh15{line-height:1.5;}
.lh16{line-height:1.6;}
.lh17{line-height:1.7;}
.lh18{line-height:1.8;}
.lh19{line-height:1.9;}
.lh20{line-height:2;}
.lh30{line-height:3;}
.lh40{line-height:4;}
.lh50{line-height:5;}


/*-----------------------*/

.outline1 {
	color: #FFF000;
	text-shadow :
		2px  2px 1px #f32b0c,
		-2px  2px 1px #f32b0c,
		2px -2px 1px #f32b0c,
		-2px -2px 1px #f32b0c,
		2px  0px 1px #f32b0c,
		0px  2px 1px #f32b0c,
		-2px  0px 1px #f32b0c,
		0px -2px 1px #f32b0c;
}

/*-----------------------*/

.res_bg{
	background:#E63E00;
	margin: 40px 56px 0px;
	padding:1px 1px 30px;
	border-radius:10px;
}

.total_bg{
	background:#FFFFFF;
	width:90%;
	margin:30px auto 0;
	border-collapse: collapse;
	border:4px solid #ffccba;
}

.total_bg th{
	border:1px solid #ffccba;
}

.total_bg td{
	border:1px solid #ffccba;
	font-size:20px;
}

.total_bg td.top{
	background:#f2f200;
	width:25%;
}

.total_bg th.ic1{
	border:none;
	font-size:16px;
	text-align:center;
}

.total_bg th.ic1 img{
	width:50px;
	margin:0 10px 0 0;
}

.total_bg th.ic2{
	border:none;
	font-size:16px;
	text-align:left;
}

.hit_bg{
	width:90%;
	margin:0 auto 0;
}

.hit_bg th{
	background:#ffcebc;
	font-size:18px;
	font-weight:normal;
	padding:5px 0;
}

.hit_bg td{
	color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	padding:5px 0;
	border-bottom:1px dotted #ffcebc;
}

.hit_bg td.big{
	color:#f2f200;
	font-size:24px;
	font-weight:bold;
}

/*-----------------------*/

.voice_bg{
	background:#FDD93B;
	margin: 40px 56px 0px;
	padding:1px 1px 30px;
	border-radius:10px;
}

.voice{
	background:#FFFFFF;
	color: #1A1A1A;
	width:90%;
	margin:30px auto 0;
	border:4px solid #1A1A1A;
	border-radius:10px;
}

.voice table{
	width:95%;
	margin:0 auto 0;
}

.voice table th{
	padding:30px 10px;
	width:100px;
	font-size:14px;
	vertical-align: top;
}

.voice table th img{
	width:100px;
}

.voice table td{
	text-align:left;
	padding:10px;
	font-size:14px;
}

/*-----------------------*/

.bankbg {
	margin: 0 auto 0 auto;
	border: 1px solid #777;
	font-size:20px;
}

.bankbg th {
	width: 130px;
	margin: 0 auto;
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
	text-align:left;
	padding: 10px;
	vertical-align: top;
	background:#F9F1D7;
	font-weight:bold;
}

.bankbg td {
	margin: 0 auto;
	border-bottom: 1px solid #777;
	text-align:left;
	padding: 10px;
	background: #FFF;
}

.crbutton {
	width: 600px;
	height: 140px;
	font-size: 42px;
	cursor: pointer;
	color: #FF5500;
}

.th_janp {
	display:block;
	width: 738px;
	margin: 0 auto;
	background: #32cd32;
	padding: 20px 0;
	color: #FFF;
	text-decoration:none;
	font-size: 24px;
}

.th_janp:hover {
	color: #FFF;
	background: #89E289;
	text-decoration:underline;
}
/*-----------------------*/

.blbg1{
	border: solid 1px #C7AD76;
	margin: 60px auto 0 auto;
	width: 90%;
	padding:20px 0;
}

.blbg2{
	border: solid 1px #C7AD76;
	margin: 2px;
	padding: 0;
}

.bltop{
	text-align:left;
	margin: 36px 36px 0px;
}

.bltext{
	text-align:left;
	margin: 5px 36px 36px 84px;
	line-height: 1.8;
}

.blline {
	border:none;
	border-bottom: 1px dotted #555555;
	margin: 0 36px;
}

/*-----------------------*/

.sp_janp{
	display:none;
}

/*-----------------------*/

.aisatu{
	float:right;
	margin:0 auto;
}

/*-----------------------*/
/*-----------------------*/
/*-----------------------*/
/*-----------------------*/
/*-----------------------*/
/*-----------------------*/
/*-----------------------*/
/*-----------------------*/
/*-----------------------*/
/*-----------------------*/
/*-----------------------*/
/*-----------------------*/
/*-----------------------*/
/*-----------------------*/

.sp_on{
	display:none;
}

.sp_on2{
	display:none;
}

.sp_on3{
	display:none;
}

br.spbr{
	display:none;
}



.res_flex_bg2{
	width: 680px;
	text-align: left;
	display:flex;
	background:#FFF;
	border: 2px solid #00ffff;
	padding: 20px 10px 10px 20px;
	position: relative;
	border-radius: 6px;
	box-shadow: 0 -2px 6px 3px rgba(0,0,0,0.1) inset, 0 2px 8px 1px rgba(0,0,0,0.3);
	color: #444;
	margin:20px auto 0;
}

.res_flex_text {
    width: 400px;
    margin-right: 20px;
}

.res_flex_list {
    position: relative;
    background: url(https://miraito.collabo-n.com/image/member/baken_bg.png) center center repeat #FFFFFF;
    display: flex;
    align-items: center;
    padding: 5px 10px;
    margin: 0 1.5% 1.5% 0;
    border: 1px solid #999;
    border-radius: 2px;
    width: 32.333%;
    min-height: 121px;
    color: #333;
}

.entry-content p {
    line-height: 1.6;
}

.res_flex_text p {
    margin-top: 2%;
    margin-bottom: 2%;
}

.lh1_4 {
    line-height: 1.4 !important;
}

.fs30 {
    font-size: 30px;
}

.bld {
    font-weight: bold;
}

.hadou2 {
    animation: hadou2 2s linear infinite;
}

.res_flex_bg2 .res_flex_list {
    width: 225px;
    height: 100%;
}

.bakenlogo {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 1;
}

.bakentekichu {
    position: absolute;
    right: 10px;
    margin: 0;
    opacity: 0.5;
    z-index: 1;
}

.bakentekichu img {
    width: 100px;
}

.bakenlogo img {
    width: 25px;
}

.res_flex_list_test1 {
    font-size: 12px;
    font-weight: bold;
    margin-right: 5px;
    width: 75px;
    position: relative;
    z-index: 2;
}

.res_flex_list_test2 {
    width: 25px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    border: 1px solid #999;
    padding: 10px 2px;
    text-align: center;
    margin-right: 5px;
    position: relative;
    z-index: 2;
    background: rgba(255, 255, 255, 0.5);
}

.res_flex_list_test3 {
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    flex-grow: 1;
    position: relative;
    z-index: 2;
}

.tensu {
    text-align: left;
}

.kakutoki+p {
    text-align: right;
}

.entry-content p {
    line-height: 1.6;
}

/*-----------------------*/

/*glow for webkit*/

@-webkit-keyframes neon3 {
  from {
    text-shadow: 0 0 10px #fff,
               0 0 20px  #fff,
               0 0 30px  #fff,
               0 0 40px  #FFDD1B,
               0 0 70px  #FFDD1B,
               0 0 80px  #FFDD1B,
               0 0 100px #FFDD1B,
               0 0 150px #FFDD1B;
  }
  to {
    text-shadow: 0 0 5px #fff,
               0 0 10px #fff,
               0 0 15px #fff,
               0 0 20px #FFDD1B,
               0 0 35px #FFDD1B,
               0 0 40px #FFDD1B,
               0 0 50px #FFDD1B,
               0 0 75px #FFDD1B;
  }
}

/*glow for mozilla*/

@-moz-keyframes neon3 {
  from {
    text-shadow: 0 0 10px #fff,
               0 0 20px  #fff,
               0 0 30px  #fff,
               0 0 40px  #FFDD1B,
               0 0 70px  #FFDD1B,
               0 0 80px  #FFDD1B,
               0 0 100px #FFDD1B,
               0 0 150px #FFDD1B;
  }
  to {
    text-shadow: 0 0 5px #fff,
               0 0 10px #fff,
               0 0 15px #fff,
               0 0 20px #FFDD1B,
               0 0 35px #FFDD1B,
               0 0 40px #FFDD1B,
               0 0 50px #FFDD1B,
               0 0 75px #FFDD1B;
  }
}

/*-----------------------*/

textarea {
padding: 10px 0;
    font-size: 18px;
    width: 90%;
    vertical-align: top;
    font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border: solid 1px #000000;
    margin:1rem;
}

.main_text.merit {
    background: #232300;
    border: 5px inset #FDD93B;
    padding: 10px;
}


button {
margin: 2rem 1rem;
width: 85%;
font-size: 2.9rem;
font-weight: bold;
padding: 0.5rem 1.5rem;
cursor: pointer;
display: inline-block;
letter-spacing: 0;
border: none;
box-shadow: inset 0 -1px 1px rgb(0 0 0 / 90%), inset 0 1px 0 rgb(255 255 255 / 40%);
border-radius: 6px;
text-decoration: none;
color: #1A1A1A;

color: #ffffff;
text-shadow: 0 -1px 1px rgb(0 0 0 / 40%), 0 1px 1px rgb(255 255 255 / 50%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ea4945), color-stop(1.00, #9f0000));
background: -webkit-linear-gradient(#ea4945, #9f0000);
background: -moz-linear-gradient(#ea4945, #9f0000);
background: -o-linear-gradient(#ea4945, #9f0000);
background: -ms-linear-gradient(#ea4945, #9f0000);
background: linear-gradient(#ea4945, #9f0000);
}

button:hover{
color: #1A1A1A;
text-shadow: 0 -1px 1px rgb(0 0 0 / 40%), 0 1px 1px rgb(255 255 255 / 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FDD93B), color-stop(1.00, #169900));
background: -webkit-linear-gradient(#FDD93B, #FDD93B);
background: -moz-linear-gradient(#FDD93B, #FDD93B);
background: -o-linear-gradient(#FDD93B, #FDD93B);
background: -ms-linear-gradient(#FDD93B, #FDD93B);
background: linear-gradient(#FDD93B, #FDD93B);
}

/*-----------------------*/


.sub_interim_area{
	width:100%;
background-color: #333333;
background-image: url("https://www.transparenttextures.com/patterns/fake-brick.png");
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
	padding:40px 0;
	text-align:center;
}

.mf_2202_box_area{
	width:85%;
	margin:30px auto 0;
	text-align:center;
	padding:0px;
	background:#FFF7F0;
	border: double 4px #fcbb76;
}

.mf_2202_box_top_area{
	width:100%;
	padding:20px 0;
	text-align:center;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcbb76+1,fe9b2c+100 */
background: rgb(252,187,118); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(252,187,118,1) 1%, rgba(254,155,44,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(252,187,118,1) 1%,rgba(254,155,44,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(252,187,118,1) 1%,rgba(254,155,44,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcbb76', endColorstr='#fe9b2c',GradientType=0 ); /* IE6-9 */

}

.mf_2202_box_bottom_area{
	width:100%;
	padding:20px 0;
	text-align:center;
}

.mf_2202_box_inner_area{
	width:90%;
	margin:10px auto 0;
	text-align:center;
	padding:20px 0;
	background:#FCB76D;
	border: double 4px #FFF;
}

.mf_2202_box_inner_area2{
	width:90%;
	margin:10px auto 0;
	text-align:center;
	padding:20px 0;
background-image: linear-gradient(135deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
	border: double 4px #FFF;
}

table.hitrate {
  border: 3px solid #999999;
  font-size: 16px;
  width: 90%;
  margin: 20px auto 0 auto;
  border-collapse: collapse;
}

table.hitrate th {
  width: 50%;
  padding: 20px;
  border: 1px solid #999999;
  text-align: left;
  line-height: 1;
  background: #E69138;
  color:#FFF;
}

table.hitrate td {
  padding: 0 0 0 25px;
  border: 1px solid #999999;
  text-align: left;
  line-height: 1;
  background: #fffff0;
  color: #ff3175;
  font-size: 22px;
}

table th.hitrate_top{
	background:#333;
	color:#FFF;
	padding:20px 0;
	text-align:center;
}

.{
 border: 1px solid #000;
 padding: 10px;
 width:80%;
 text-align:center;
 margin:0 auto;
}


.box_kc{
	width:85%;
	margin:0 auto;
	padding:0px 0 20px 0;
	text-align:center;
	background:#191919;
	box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #191919;
}

.box_cn{
	width:85%;
	margin:0 auto;
	padding:0px 0 20px 0;
	text-align:center;
	background:#ED1C24;
	box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #ED1C24;
}

.box_ck{
	width:85%;
	margin:0 auto;
	padding:0px 0 20px 0;
	text-align:center;
	background:#07255D;
	box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #07255D;

}


.box_inner_area{
	width:90%;
	margin:20px auto;
	text-align:left;
	background:#FFF;
	padding:40px 10px;
}


.super_area1 table.pr_area{
	width:100%;
	margin:10px auto 0;
	padding:0px;
	text-align:center;
	border:2px solid #072233;
	border-collapse: separate;
}

.super_area1 table.pr_area th {
  width: 20%;
  padding: 20px 0px;
  border: 1px solid #072233;
  text-align: center;
  line-height: 1;
  background: #000000;
  color: #ffffff;
  font-weight:bold;
  font-size: 20px;
}

.super_area1 table.pr_area td {
  width: 45%;
  padding: 10px;
  border: 1px solid #072233;
  text-align: center;
  line-height: 1;
  background: #fffff0;
  color: #FF0000;
  font-size: 2.4rem;
  font-weight:bold;
}

.super_area1 table.pr_area td.lk {
  padding: 10px;
  border: 1px solid #072233;
  text-align:center;
  line-height: 1;
  background: #ff6700;
  color: #FFF;
  font-size: 16px;
  font-weight:bold;
}


.super_area1 .super_area1 table.pr_area td.lk{
	font-size:0.8rem;
}

.super_area1 .super_area1 table.pr_area th {
	font-size:0.8rem;
}

.bg-r {
  background-color: #ff3175;
  padding:2px;
}

.vprznt_bg {
	background: #FDD93B;
	margin: 40px 56px 0px;
	padding: 1px 1px 30px;
	border-radius: 10px;
}

.vprznt_inner_area {
	background: #000000;
	color: #1A1A1A;
	width: 90%;
	margin: 30px auto 0;
	padding-bottom:40px;
	border: 4px solid #1A1A1A;
	border-radius: 10px;
}

.spdel_res {
  width: 90%;
  margin: 20px auto;
  border: 1px solid #999999;
}

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

.spdel_res th {
  border: 1px solid #999999;
  font-size: 14px;
  background: #1E1E1E;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: normal;
  color: #FFFFFF;
  vertical-align: middle;
}

.spdel_res td {
  border: 1px solid #999999;
    border-bottom-color: rgb(153, 153, 153);
    border-bottom-style: solid;
    border-bottom-width: 1px;
  border-bottom: none;
  font-size: 13px;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 0;
  padding-left: 5px;
  padding-right: 5px;
  background: #FFFFFF;
  color: #111111;
  font-weight: bold;
  line-height: 1;
  vertical-align: bottom;
}

.spdel_res tr.spdel_res_deco1 td {
  border-top: none;
  text-align: center;
  padding-top: 0;
  vertical-align: top;
}

.spdel_res td .hit {
  background: #ff3175;
  color: #FFF000;
  padding: 3px 5px 0;
  line-height: 1;
  display: inline-block;
}

.spdel_res td:nth-child(2n) {
  background: #fcf3de;
}

.spdel_res td.redzone{
  color: #ff3175;
  background:#FFC7C7;
}

.spdel_res tr.spdel_res_deco1 td.redzone{
  color: #ff3175;
  background:#FFC7C7;
}







.spdel_res2 {
  width: 90%;
  margin: 20px auto;
  border: 1px solid #999999;
}

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

.spdel_res2 th {
  border: 1px solid #999999;
  font-size: 14px;
  background: #1E1E1E;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: normal;
  color: #FFFFFF;
  vertical-align: middle;
}

.spdel_res2 td {
  border: 1px solid #999999;
    border-bottom-color: rgb(153, 153, 153);
    border-bottom-style: solid;
    border-bottom-width: 1px;
  border-bottom: none;
  font-size: 1rem;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 0;
  padding-left: 5px;
  padding-right: 5px;
  background: #EEE;
  color: #111111;
  line-height: 1.6;
  width:60%;
  vertical-align: bottom;
}

.spdel_res2 tr.spdel_res_deco1 td {
  border-top: none;
  text-align: center;
  padding-top: 0;
  vertical-align: top;
}

.spdel_res2 td .hit {
  background: #ff3175;
  color: #FFF000;
  padding: 3px 5px 0;
  line-height: 1;
  font-weight:bold;
  display: inline-block;
}


.spdel_res2 td.redzone{
  color: #ff3175;
  background:#FFC7C7;
}

.spdel_res2 tr.spdel_res_deco1 td.redzone{
  color: #ff3175;
  background:#FFC7C7;
}


.mnt_area{
	width:90%;
	text-align:center;
	background:#FFEFDB;
	padding:0 0 20px 0;
	border:3px solid #E36C6B;
	margin:60px auto;
}

.mnt_inner_bottom_area{
	width:90%;
	text-align:center;
	background:#FFF;
	padding:10px 0 30px 0;
	border:1px solid #000;
	margin:10px auto;
}

.mnt_inner_bottom_area .main_text{
	font-size:0.8rem;
}

.mnt_inner_all_top_img_area{
	width:90%;
	text-align:center;
	margin:10px auto;
}

.mnt_inner_top_area{
	width:60%;
	text-align:center;
	background:#FCD5A7;
	margin:0px auto;
	padding:5px 0;
}

.mnt_inner_top_img_area{
	width:40%;
}
.mnt_inner_top_img_area img{
	max-width:300px;
}

.mnt_inner_top_area_q{
	background:#F9F1D7;
	width:90%;
	margin:8px auto 0;
	border: 2px solid #000;
	padding:5px 0;
}

.mnt_inner_top_area_a{
	background:#FFF;
	width:90%;
	margin:0 auto;
	padding:10px 0;
}

.mnt_inner_top_area_a .main_text{
	font-size:0.8rem;
}

.free_cor_area{
	text-align:center;
	margin:0 auto;
}

.free_cor_area table{
	width:85%;
	text-align:center;
	background:#EEE;
	border:1px solid #000;
	margin:40px auto;
}

.free_cor_area table th{
	text-align:center;
	background:#333333;
	color:#FFF;
	border:1px solid #FFF;
	padding:10px 0;
	font-size:1.2rem;
}

.free_cor_area table td{
	text-align:center;
	background:#4F4F4F;
	color:#FFF;
	border:1px solid #FFF;
	padding:10px 0;
	font-size:1.2rem;
}

.mtm_area table{
	width:90%;
	text-align:center;
	background:#FFF7ED;
	border:1px solid #F79100;
	margin:40px auto;
	border:3px solid #F05B11;
}

.mtm_area table th{
	background:#F05B11;
	text-align:left;
	border:2px solid #FFF;
	padding:10px;
	color:#FFF;
	font-size:1rem;
}

.mtm_area table td{
	background:#F9F1BF;
	text-align:left;
	border:2px solid #F05B11;
	padding:20px 10px;
	font-size:0.9rem;
}

.mtm_area table th.mtm_top_area{
	text-align:center;
	color:#FFF;
	font-size:1.8rem;
}


.csn_area{
	width:90%;
	text-align:center;
	margin:40px auto;
	padding:10px 0;
	background:#EEE;
	box-shadow: 0 0 8px gray;
}

.super_area1{
	background:#FCD5A7;
	width:95%;
	margin:0 auto;
	padding:20px 0;
	text-align:center;
}

.super_area1 table{
	background:#FFFFFF;
	width:95%;
	margin:0 auto;
	text-align:center;
}

.super_area1 table th {
  width: 30%;
  margin: 0 auto;
  border: 1px solid #777;
  text-align: left;
  background: #F9F1D7;
  font-weight: bold;
padding: 13px 10px 10px 10px;
}

.super_area1 table td {
  border: 1px solid #777;
  text-align: left;
  background: #FFF;
  line-height: 1.65;
  padding: 13px 10px 10px 10px;
}

.ten {
  margin: -7px 3px 0 0;
}

.super_area1 table.pr_area td.lk{
	font-size:0.8rem;
}

.super_area1 table.pr_area th {
	font-size:0.8rem;
}

.bgline {
  padding: 0.5em 0.5em 0.3em 0.5em;
  display: inline-block;
  line-height: 1;
  margin: 8px 0;
  border: 1px solid #555;
}

.bgline2 {
  padding: 0.5em 0.5em 0.3em 0.5em;
  display: inline-block;
  line-height: 1;
  margin: 8px 0;
  border: 1px solid #555;
  background:#333;
}

.super_area1 table th.super_top_area{
	background:#FF9900;
	text-align:center;
	padding:40px 0;
}

.link_button {
margin: 0rem 0 3rem 0;
width: 75%;
font-size: 1.6rem;
font-weight: bold;
padding: 1.2rem 0.5rem;
cursor: pointer;
display: inline-block;
letter-spacing: 0;
border: none;
box-shadow: inset 0 -1px 1px rgb(0 0 0 / 90%), inset 0 1px 0 rgb(255 255 255 / 40%);
border-radius: 6px;
text-decoration: none;
color: #1A1A1A;

color: #ffffff;
text-shadow: 0 -1px 1px rgb(0 0 0 / 40%), 0 1px 1px rgb(255 255 255 / 50%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ea4945), color-stop(1.00, #9f0000));
background: -webkit-linear-gradient(#ea4945, #9f0000);
background: -moz-linear-gradient(#ea4945, #9f0000);
background: -o-linear-gradient(#ea4945, #9f0000);
background: -ms-linear-gradient(#ea4945, #9f0000);
background: linear-gradient(#ea4945, #9f0000);
}

.link_button:hover{
color: #1A1A1A;
text-shadow: 0 -1px 1px rgb(0 0 0 / 40%), 0 1px 1px rgb(255 255 255 / 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FDD93B), color-stop(1.00, #169900));
background: -webkit-linear-gradient(#FDD93B, #FDD93B);
background: -moz-linear-gradient(#FDD93B, #FDD93B);
background: -o-linear-gradient(#FDD93B, #FDD93B);
background: -ms-linear-gradient(#FDD93B, #FDD93B);
background: linear-gradient(#FDD93B, #FDD93B);
}


.link_button_before {
margin: 1rem 0 6rem 0;
width: 75%;
font-size: 1.6rem;
font-weight: bold;
padding: 1.2rem 0.5rem;
cursor: pointer;
display: inline-block;
letter-spacing: 0;
border: none;
box-shadow: inset 0 -1px 1px rgb(0 0 0 / 90%), inset 0 1px 0 rgb(255 255 255 / 40%);
border-radius: 6px;
text-decoration: none;
color: #666;

background: #EEE;
}



table.result_tr{
	width:100%;
	border:solid 1px #000000;
	margin:1rem auto 0;
}


table.result_tr th{
	text-align:center;
	background:#000000;
	color:#ffffff;
	padding:5px;
}

table.result_tr th.race{
	width:15%;
}

table.result_tr th.type{
	width:20%;
}

table.result_tr th.total{
	width:30%;
}



table.result_tr td{
	text-align:center;
	padding:1rem 0;
	border:solid 1px #000000;

}

table.result_tr td.day_total{
	font-size: 24px;
	width: 30%;
color: #ff7b0d;
    background: #ffffff;
	font-weight: 900;
}


table.result_tr td.race{
	width:15%;
	background:#333333;
	color:#ffffff;

}

table.result_tr td.type{
	width:20%;
}

table.result_tr td.total{
	font-size: 24px;
	width: 30%;
color: #fff000;
    background: #ff7b0d;
	font-weight: 900;
}

table.result_tr td.total_no{
font-size: 18px;
    width: 30%;
    color: #000000;
    background:#aeaeae;
    font-weight: 900;
}

table.result_tr td.buy{
	font-size: 18px;
	font-weight: 800;
	background:#ffabab;
	line-height: 1.2;
	
}

table.result_tr td.nobuy{
	background:#e8e8e8;
}

table.result_tr span.hit{
	background:#ff4024;
	color:#fff000;
	font-weight:800;
	padding:0 24px;
	font-size:14px;
}



.day_result_tr{
	background:#f4cf8f;
	padding:2rem 1rem 1rem;
	margin:1rem auto;
	border: solid 3px #ffa200;
}


.race_result_tr{
	background:#ffe678;
	padding:1rem;
	margin:1rem auto;
	border: solid 3px #ffd000;

}

.red2{color:#ff3175;}



.benefit{
	width: 90%;
	background: #ff4964;
	padding: 5px;
	margin: 3rem auto;
}

.benefit p.title{
	margin:10px;
	text-align:left;
	color:#ffffff;
	font-size:2.4rem;
	font-weight:800;
}


.benefit_inbox{
	width: 100%;
	background: #ffffff;
	padding: 1rem 0;
}

.benefit_inbox p{
	padding:1rem;
	text-align:left;
	margin: 10px;
}



.period {
    position: relative;
    margin: 3rem auto;
    padding: 0.5em 1em;
    border: solid 3px #00c186;
    width: 80%;
}
.period .box-title {
    position: absolute;
    display: inline-block;
    top: -37px;
    left: -3px;
    padding: 5px 18px;
    height: 25px;
    line-height: 30px;
    font-size: 24px;
    background: #00c186;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.period p {
    margin: 1rem;
    padding: 0;
    color: #00c186;
    font-size: 28px;
    font-weight: 800;
    text-align:center;
}


.period2 {
    position: relative;
    margin: 3rem auto;
    padding: 0.5em 1em;
    border: solid 3px #ff4964;
    width: 80%;
}
.period2 .box-title {
    position: absolute;
    display: inline-block;
    top: -37px;
    left: -3px;
    padding: 5px 18px;
    height: 25px;
    line-height: 30px;
    font-size: 24px;
    background: #ff4964;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.period2 p {
    margin: 1rem;
    padding: 0;
    color: #ff4964;
    font-size: 28px;
    font-weight: 800;
    text-align:center;
}




.super_area1 table.form_t th{
	display:block;
	width:100%;
	border: none;
	padding:0;
	}

.super_area1 table.form_t th p{
	padding:1rem;
	}
	
.super_area1 table.form_t td{
	display:block;
	width:100%;
	border: none;
	padding:0;
	}

.super_area1 table.form_t td p{
	padding:1rem;
	}

@media only screen and (min-device-width: 240px) and (max-device-width: 480px) {


}