@charset "utf-8";

/*　reset
*********************************************************/

*{
	margin:0;
	padding:0;

}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


body{
/*	background-image: radial-gradient(73% 147%, #EADFDF 59%, #FFFDF1 100%), radial-gradient(91% 146%, rgba(255,255,255,0.50) 47%, rgba(0,0,0,0.50) 100%);
*/

	background-image:url("../images/bg.jpg");
	background-attachment:fixed;
	color: #000000;
	font-family: 'Noto Sans JP',"メイリオ", "ヒラギノ角ゴ Pro W3", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 18px;
	line-height: 1.6;
	font-weight:300;
	}



img{vertical-align:bottom;}

img.w100{width: 100%;}
li{list-style-type:none;}
br{letter-spacing:0;}
br.spbr{display: none;}

.sp{display: none;}


a:link{text-decoration:none; color:#000;}
a:visited{text-decoration:none; color:#000;}
a:hover{text-decoration:underline; color:#000;}
a:active{text-decoration:none; color:#000;}


/*　layout
*********************************************************/

#wrapper{
	margin:10px auto;
	text-align: center;
}

.container{
	width:840px;
	background-position: center;
	overflow: hidden;

	background-attachment: fixed;
	margin:0 auto;
/*
	background-image: url(../images/washi.jpg);
	box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 5px 2px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 5px 2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 5px 2px;	
*/
}


.main{  
	background:#ffffff;
	box-shadow:0px 0px 5px 0px #4c280d inset;
	margin:2rem auto;
	padding:3rem 0;
}

.thanks_main{
	width:840px;
	margin:20px auto;
	padding:1rem;
	background: #fff;/*水色#6dc2ff*/
	position: relative;
	border: solid 1px #000;
	font-size:20px;
}


.header{
	width:100%;
	height:700px;
	background-image:url("../images/header.png");
	background-repeat: no-repeat;

}


.subheader{
	width:100%;
	height:330px;
	padding:5.5rem;
	background-image:url("../images/sub_bg.jpg");

	}



.head-text{
	width: 90%;
	margin: 0px auto  0 auto;
	text-align: left;
	padding-bottom:2rem;
}

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

table.list{
	width:100%;
	margin: 20px auto;
	border-spacing: 0;
	border: 5px double #000;
	background-color: #ffffff;
	font-size: 1.5rem;
}


table.list th{
	width: 30%;
	padding: 2rem;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	font-size:2rem;
	background-color: #000;
}


table.list td{
	padding:2rem;
	text-align: left;
	border: 5px solid #000;

}


p.heading {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0 1px 0 rgba(255,255,255,1);
    font-size: 25px;
    font-weight: bold;
}



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


.form {
	margin: 0rem auto;
	padding: 2rem;
	text-align: center;
	color: #000000;
}




label {
	margin: 2px auto;
	width: 100%;
	font-weight: bold;
	text-align: left;
	cursor:pointer;
	color: #000000;
	padding: 1rem 2rem;
	border-radius: 0.5rem;
	display: inline-block;
	background-color: #E0E0E0;

}

label:hover {
	border: none;
}




input[type="text"]{
	width:100%;
	padding:1rem 1rem;
	font-size:1.4rem;
	color:#000000;
	font-weight:bold;
	background-color: #e0e0e0;
	border-radius: 0.5rem;
	border: none;
}

input[type="submit"]{
	margin: 2rem auto ;
	border: none;
	width:90%;
	font-size:3rem;
	font-weight:bold;
	color:#ffffff;
	padding:3rem 1.5rem;
	cursor:pointer;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #a2d93f), color-stop(0.50, #a1d54f), color-stop(0.50, #80c218), color-stop(1.00, #aef333));
	background: -webkit-linear-gradient(top, #a2d93f 0%, #a1d54f 50%, #80c218 50%, #aef333 100%);
	background: -moz-linear-gradient(top, #a2d93f 0%, #a1d54f 50%, #80c218 50%, #aef333 100%);
	background: -o-linear-gradient(top, #a2d93f 0%, #a1d54f 50%, #80c218 50%, #aef333 100%);
	background: -ms-linear-gradient(top, #a2d93f 0%, #a1d54f 50%, #80c218 50%, #aef333 100%);
	background: linear-gradient(to bottom, #a2d93f 0%, #a1d54f 50%, #80c218 50%, #aef333 100%);
}

input[type="submit"]:hover{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fbe8fc), color-stop(0.49, #fba6e1), color-stop(0.51, #fd8ad7), color-stop(1.00, #ff7ad7));
	background: -webkit-linear-gradient(top, #fbe8fc 0%, #fba6e1 49%, #fd8ad7 51%, #ff7ad7 100%);
	background: -moz-linear-gradient(top, #fbe8fc 0%, #fba6e1 49%, #fd8ad7 51%, #ff7ad7 100%);
	background: -o-linear-gradient(top, #fbe8fc 0%, #fba6e1 49%, #fd8ad7 51%, #ff7ad7 100%);
	background: -ms-linear-gradient(top, #fbe8fc 0%, #fba6e1 49%, #fd8ad7 51%, #ff7ad7 100%);
	background: linear-gradient(to bottom, #fbe8fc 0%, #fba6e1 49%, #fd8ad7 51%, #ff7ad7 100%);
}


button{
	margin: 0 auto ;
	width:80%;
	font-size:3rem;
	font-weight:bold;
	padding:1rem;
	border-radius: 0.5rem;
	border: none;
	cursor:pointer;


	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */
	background: #fcd164; /* Old browsers */
	background: -moz-linear-gradient(top, #fcd164 0%, #fccd4d 50%, #f8b500 51%, #fcd164 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fcd164 0%,#fccd4d 50%,#f8b500 51%,#fcd164 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fcd164 0%,#fccd4d 50%,#f8b500 51%,#fcd164 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd164', endColorstr='#fcd164',GradientType=0 ); /* IE6-9 */

}

button:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b679e+0,2b88d9+50,207cca+51,7db9e8+100;Blue+Gloss+%232 */
	background: #3b679e; /* Old browsers */
	background: -moz-linear-gradient(top, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}

a.abt{
	color:#000000;
	margin: 2px auto ;
	width:80%;
	font-size:3rem;
	font-weight:bold;
	padding:2rem 3rem;
	cursor:pointer;
	vertical-align: middle;
	display: block;
	border-radius: 6rem;

	background: -moz-linear-gradient(top,#f7ff00 0%,#ffbf00);
	background: -webkit-gradient(linear, left top, left bottom,from(#f7ff00),to(#ffbf00));
	background: linear-gradient(to top, #f7ff00 0%, #ffbf00);

	filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.4));
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}

a.abt:hover{
	color:#ffffff;
	text-decoration: none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #70b6f2), color-stop(0.50, #54a3ee), color-stop(0.50, #3690f0), color-stop(1.00, #1a62db));
	background: -webkit-linear-gradient(top, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);
	background: -moz-linear-gradient(top, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);
	background: -o-linear-gradient(top, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);
	background: -ms-linear-gradient(top, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);
	background: linear-gradient(to bottom, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);

}


textarea {
	padding: 10px;
	font-size:1.125rem;
	width:90%;
	height: 180px;
	border:1px solid #6D6D6D;
}


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

.text{
	width: 90%;
	margin: 0px auto  0 auto;
	text-align: left;

/*	padding-left: 3rem;
	padding-right: 3rem;
*/
	padding-bottom: 8rem;
}


p{padding-top:1rem; }


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



.footer {
	color: #ffffff;
	background-color:#000000;
	width: 840px;
	font-size:1.6rem;
	margin:0 auto 0;
	padding: 1rem;
	letter-spacing: 1px;
	text-align: center;
}

.footer a{
	color: #ffffff;
	font-weight:800;
}

.footer p {
	padding-top: 2rem;
}


.footer ul.link {
	margin:auto;
	text-align:center;
}
	
.footer ul.link  li {
	list-style: none;
	display:inline-block;
	text-align: center;
	padding: 1.5rem;
}

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

table.hit{
	text-align: left;
	width: 100%;
	margin: 1rem auto;
	font-size: 1.6rem;
}

table.hit td.bt{
	width: 100%;
	padding:1rem 3rem;
	vertical-align: top;
	display: block;
	text-align: right;

}


table.hit td.col {
	width: 100%;
 	position: relative;
	display: block;
	border-radius: 2rem;
	font-size: 4.5rem;
	background: #ffffff;
 	border: solid 3px #000000;
 	box-sizing: border-box;
 	text-align: center;
 	line-height: 1.6;
	margin: 2rem 0 0 0;
	padding: 2rem 1rem;

}

table.hit td.col:before{
	content: "";
	position: absolute;
 	margin-top: -12px;
	border: 12px solid transparent;
	border-right: 12px solid #FFF;
 	z-index: 2;

	top: -1rem;
	left: 50%;
 	margin-left: -12px;
	border: 12px solid transparent;
	border-bottom: 12px solid #FFF;
 	z-index: 2;

}

 
table.hit td.col:after{
	content: "";
	position: absolute;
 	margin-top: -14px;

	top: -1.4rem;
	left: 50%;
 	margin-left: -14px;
	border: 14px solid transparent;
	border-bottom: 14px solid #000000;
 	z-index: 1;
}



a.hbt{
	margin: 0 auto ;
	width: 100%;
	font-size:3rem;
	text-align: center;
	font-weight:bold;
	border-radius: 6rem;
	color:#ffffff;
	padding:1rem 2rem;
	cursor:pointer;
	vertical-align: middle;
	display: inline-block;
	background: #ffa670;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ffa670), color-stop(1.00, #ff7400));
	background: -webkit-linear-gradient(#ffa670, #fc5800);
	background: -moz-linear-gradient(#ffa670, #fc5800);
	background: -o-linear-gradient(#ffa670, #fc5800);
	background: -ms-linear-gradient(#ffa670, #fc5800);
	background: linear-gradient(to bottom, #ffa670 0%, #fc5800 65%);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);

}

a.hbt:hover{
	color:#ffffff;
	text-decoration: none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ffa443), color-stop(1.00, #ff7400));
	background: -webkit-linear-gradient(#ffa443, #ff7400);
	background: -moz-linear-gradient(#ffa443, #ff7400);
	background: -o-linear-gradient(#ffa443, #ff7400);
	background: -ms-linear-gradient(#ffa443, #ff7400);
	background: linear-gradient(#ffa443, #ff7400);
}






/*--要項--*/


.yoko{
	width:100%;
	margin:0 auto;
	}



table.yoko{
	width: 100%;
	text-align: left;
	font-weight: normal;
	border-spacing: 0.2rem;
	padding: 1rem;
	border-collapse: collapse;
	margin:0 auto;
}



table.yoko th{
	width: 100%;
	color:#fff;
	text-align: left;
	font-weight: bold;
	font-size:3rem;
	border-spacing: 0.2rem;
	padding: 0 3rem;
	border-collapse: collapse;
	background-color: #666666;

}


table.yoko td{
	width: 100%;
	font-weight: normal;
	border-spacing: 0.2rem;
	padding:3rem;
	border-collapse: collapse;
	background-color: #fff;
	font-size:18px;
	
}


div.washi{
	background-image:url("../images/washi.jpg");
	border:none;
	padding:2rem;
}

div.tokuten{
	background:#284628;
	border:none;
	padding:2rem;
	text-align: center;

}





/*----------------------36連テーブル----------------------*/


table.result-36hit{
	width: 100%;
	text-align: center;
	font-weight: 500;
	font-size:18px;
	border-spacing: 0.2rem;
	padding: 0 1rem;
	border-collapse: collapse;
	background-color: #FFF;
	letter-spacing:1px;
	border:2px #5e5e67;
	border-style:solid;
	margin:1rem 0;
}


table.result-36hit td{
	border:2px #aaaaaa;
	border-style:dotted;
	border-collapse: collapse;
	padding:1rem;
}

table.result-36hit tr.wide{
	border:2px #5e5e67;
	border-style:solid dotted dotted;
	border-collapse: collapse;
}


table.result-36hit th{
	font-weight:bold;
	font-size:18px;
	color: #000;
	background-color: #5e5e67;
	padding:0;
	text-align: center;
}



/*------------td-----------*/


table.result-36hit td.race{
	font-weight:bold;
	font-size:20px;
	color: #fff;
	background-color: #304075;
	text-align: left;
}

table.result-36hit td.race_ue{
	width:.100%;
	font-weight:bold;
	font-size:20px;
	color: #fff;
	background-color: #304075;
	text-align:left;
	padding:0 1rem;
	border: none;
	border-bottom: 2px solid #5e5e67;
}


table.result-36hit td.type{
	width:15%;
	text-align: center;
	color: #000;
	background-color: #fff;
}

table.result-36hit td.buy{
	width:35%;
	text-align: center;
	color: #000;
	background-color: #fff;
	letter-spacing:0px;
}


table.result-36hit td.number{
	width:20%;
	text-align: center;
	padding:0;
	letter-spacing:2px;
}


table.result-36hit td.money{
	width:30%;
	text-align: right;
	padding:2px 10px 2px 0px;
}



table.result-36hit td.non{
	background-color: #484d54;
	border: 2px #333333;
	border-style: dotted;
	border-collapse: collapse;
}


table.result-36hit td.hit{
	background-color: #fffb8e;
	font-weight: bold;
	color:red;
}


table.result-36hit tr.hit{
	background-color: #fffb8e;
	font-weight: bold;
	color:red;
}


table.result-36hit td.buy_yoso{
	width:70%;
	padding:5px;
}

table.result-36hit td.type_yoso{
	width:30%;
	padding:5px;	
}







/*--アコーディオン部分--*/

.result36-title{
	width:85%;
	padding:0 2rem;
	margin:1rem auto;
	background: #eee;
	color: #000;
	font-size:2rem;
	font-weight:bold;
	border:1px solid #b7b7b7;
	border-radius:1rem;
	text-align:left;
}



.result36-title:hover{
	background: #14ad74;
	color: #fff;
	
}

	

.result36-box{
	width:100%;
	padding: 10px;
	margin:1rem auto;
}






/*--タブ部分--*/


.tab {
	color: White;
	background:#999;
	/*--font-weight: bold;--*/
	font-size:22px;
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
	white-space: nowrap;
	text-align: center;
	padding:0.5rem 2rem;
	margin:0 2px 0 0;
	order: -1;
	position: relative;
	z-index: 1;
	cursor: pointer;
	border-radius: 5px 5px 0 0;
	/*flex: 1;*/

}


.tab:hover {
	color: White;
	background: #14ad74;
	/*--font-weight: bold;--*/
	font-size:22px;
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
	white-space: nowrap;
	text-align: center;
	padding:0.5rem 2rem;
	margin:0 2px 0 0;
	order: -1;
	position: relative;
	z-index: 1;
	cursor: pointer;
	border-radius: 5px 5px 0 0;
	/*flex: 1;*/
}


.tab-group{
	display: flex;
	flex-wrap: wrap;
	margin:0 auto;
	width:90%;
}


.panel-group{
	width:90%;
	margin:0 auto 0;
	padding:2rem 0;
	height:auto;
	border-top:none;
	background:#5e5e67;
}

.panel{
	display:none;
}

.tab.is-active{
	background:#5e5e67;
	color:#fceb7b;
	font-weight: bold;
	transition: all 0.2s ease-out;
}


.panel.is-show{
	display:block;
	width:90%;
	margin:0 auto 0;
	height:auto;
	border-top:none;
	background:#5e5e67;
}




.hit36_fs{font-size:4rem;}


a.anchor {
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
}


#re_tablink {
	margin: 10px auto;
	padding: 5px;
	width: 300px;
	text-align: center;
	background-color: #333333;
	border-radius: 25px;
	cursor: pointer;
	font-weight:normal;
	font-size:18px;
}


#re_tablink a {
	text-decoration: none;
	color:#ffffff;
	
}


#re_tablink:hover{
	background:#14ad74;
	color:#ffffff;
}


#re_tablink:active {
	position: relative;
	top: 2px;
	left: 2px;
}


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

.sad{
	background:#cce6ff;
	width:100%;
	height:auto;
	padding:1.5rem ;
	border-radius:5rem;
}



.sad-left{
	text-align: center;
}



.sad-right{
	color:#1c54a8;
	font-size:2.5rem;
	font-weight:800;
}


.fight{
	background:#fffdbd;
	width:100%;
	height:auto;
	padding:1.5rem;
	border-radius:2rem;
}



.fight-left{
	text-align: center;
}



.fight-right{
	color:#ff6600;
	font-size:2.5rem;
	font-weight:800;
}


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



.service{
	background:#fff9b4;
	padding:1rem;
	text-align:left;
	}
	



.fade_off {
    opacity: 0;
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -o-transition: all 1.5s;
    -ms-transition: all 1.5s;
    transition: all 1.5s;
}

.fade_on {
    opacity: 1;
}






ul.check-list{

    padding: 1em 1em 1em 2.5em;
    position: relative;
    background: #e8f5ff;
    width: 100%;
    margin: 5rem auto;
    border-radius: 1rem;
  font-weight:bold;
  color:#3b679e;
  font-size: 2.4rem;
}

ul.check-list li {
  line-height: 1.5;
  padding:3px;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;/*ポチ消す*/
}

ul.check-list li:before {
  font-family: "Font Awesome 5 Free";
  font-weight:bold;
  content: "\f00c";
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #3b679e; /*アイコン色*/
}



.t-left{clear: both; float: left;}
.t-right{float: right;}



.box{
	margin:2rem 0 0 0;
	padding:0 5px 5px;
	background:#fff284;
}


.box .inner{
	padding:0.5rem 2rem;
	background:#ffffff;
	font-size:17px;
}



.check{
  position: relative;
  padding-left: 1.2em;/*アイコン分のスペース*/
  padding-top: 0;
  line-height: 1.6;
  font-weight:800;
  font-size:25px;
}

.check:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";/*アイコンのユニコード*/
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: red; /*アイコン色*/
}



/*----------カウントダウンその1---------*/


.cdt_wrapper {

  font-weight: bold;
  text-align: center;
  line-height: 2;
  margin: 3rem auto;
  color:#ffffff;
	background-image:url("../images/washi.jpg");
  border-radius:0rem;
}


.cdt_wrapper small {
  font-size: 3rem;
  padding: 2px;
}

.cdt_txt {
  font-size: 2.5rem;
  margin-right: .6em;
  width: 100%;
}

.cdt{
	width:100%;
	padding:2rem 0;
	margin:3rem 0;
	background:#ffffff;
	color:#000000;
}


.cdt_txt span {
  line-height: 1;
   font-size: 5rem;
  color:red;
}

.cdt_date {
  font-size: 2rem;
}

.cdt_num {
  font-size: 5rem;
  padding: 0 .15em;
}

.msg_1{
	font-size:4rem;
	}

/*----------カウントダウンその2---------*/

.cdt2_wrapper {

  font-weight: bold;
  text-align: center;
  line-height: 2;
  margin: 0 auto;
  color:#ffffff;
  border-radius:0rem;
}


.cdt2_wrapper small {
  font-size: 3rem;
  padding: 2px;
}

.cdt2_txt {
  font-size: 2.5rem;
  margin-right: .6em;
  width: 100%;
}

.cdt2{
  padding:10px;
  color:#000000;
}


.cdt2_txt span {
  line-height: 1;
  color:red;
}

.cdt2_date {
  font-size: 5rem;
}

.cdt2_num {
  font-size: 5rem;
  padding: 0 .15em;
}


/*--新フォーム--*/

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


table.form th {
    width: 100%;
    padding: 0 1rem 0;
    background: #000000;
    color: #ffffff;
    display: block;
    font-size: 2rem;
    /* border-radius: 1rem; */
    text-align: left;
    margin: 2rem 0;
}

table.form td {
    width: 100%;
    text-align:left;
    display: block;
}








/*
.retake{
	padding:2rem;
	border: solid 5px #74c2ff;
	margin:2rem auto;
	}


.retake_ori{
	border: solid 5px #d2ff80;
	padding:2rem;
	margin:2rem auto;
	}
*/

/*マーカーアニメーション*/
 
.marker-animation.active{
    background-position: -100% 1em;
}
 
.marker-animation {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 2s ease;
    font-weight: bold;
}





/*横からフェードイン*/

/*フェードインアニメ*/
/*左から右にフェードイン*/
.left-to-right {
  opacity: 0;
  transform: translateX(-20px);
  transition: all 1s;
}
.left-to-right.scrollin {
  opacity: 1;
  transform: translate(0);
}


/*下から上にフェードイン*/
.down-to-top {
  opacity: 0;
  transform: translateY(20px);
  transition: all 1s;
}
.down-to-top.scrollin {
  opacity: 1;
  transform: translateY(0);
}




.sub-box-bg {
	width:100%;
	padding:5px 0;
	text-align:center;
	background-image:url("../images/sub_bg_outline.png");

}

.sub-box {
	width:100%;
	text-align:center;
	background-image:url("../images/sub_bg.jpg");
	background-size:100%;
}

.sub-img{
	width:100%;
	margin:0 auto 0;
}






.round-box-blue{
    padding:1rem;
    background: #e8f5ff;
    width: 100%;
    border-radius: 1rem;
}


.round-box-yellow{
    padding:1rem;
    background: #fff284;
    width: 100%;
    border-radius: 1rem;
}


.round-box-green{
    padding:1rem;
    background: #e0ffa3;
    width: 100%;
    border-radius: 1rem;
}





.yoko-box{
  margin: 4em 0 1em 0;
  background-color: #fff3e0;
  border: 2px solid #ff7400;
}

.yoko-box-title{
font-size: 27px;
    position: absolute;
    margin-top: -51px;
    margin-left: -2px;
    background-color: #ff7400;
    color: #fff;
    font-weight: bold;
    border-radius: 4px 4px 0 0;
    padding: 4px 20px;
}

.yoko-box p{
  margin: 0;
  padding :1em;
}



/*=============利用規約table=============*/

table.law{
	margin:0 auto;
	width:98%;
}

table.law th{
	margin:1rem 0 0;
	padding:0 1rem 0;
	color:#ffffff;
	background:#000000;
	font-size:18px;
	font-weight:bold;
	display: block;
}


table.law td{
	padding:0.5rem 1.6rem;
	font-size:14px;
	display: block;
}


/*=============特商法table=============*/

table.company{
	width:98%;
	margin: 3rem auto;
}


table.company th{
	padding: 1.2rem;
	border-left: 1rem solid #000000;
	width:25%;
	background-color: #322821;
	color: #ffffff;
	text-align: left;
	font-weight: normal;
	font-size:18px;
}


table.company td{
	padding: 1.2rem;
	text-align: left;
	background-color: #ffffff;
	border: 1px solid #efefef;
	font-size:15px;
}

table.company td p{
	padding: 0;
}


table.company td p.txt{
	padding-left:10rem;
}



/*--流れる実績--*/



#main_slide1{
margin: 1.5rem;
	align-items: baseline;
	display: flex;
	flex-flow: column nowrap;
	animation: 140.625s linear 0s infinite normal none running infiniteslide1606191938541129e;



}




.slide_result{
	width:77%;
	background:#304075;
	padding:0;
	margin:1rem auto 0;
	border:solid 1px #000000;
}

.slide_result p{
	font-size:18px;
	color:#ffffff;
	font-weight:600;
	padding:0.5rem ;
}

#main_slide_bg {
	height: 200px;
	background-image: url("../images/result_bg.png");
	overflow-y: scroll;
	transform: translateZ(0); 
	border-top:solid 0.5px #000000;
}



.result_box{
	display: flex;
    width: 100%;
    font-size: 16px;
    margin: 0 auto 5px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #999999;
    align-items: center;
}



.left_box{
margin-right: 10px;
    font-size: 16px;
    width: 164px;
    text-align:center;
}




.right_box{
	font-weight: bold;
    width: 260px;
    text-align: left;
    padding: 2px 10px;
    background:#ffc34d ;
    position: relative;
}


.right_box span{
    position: absolute;
    right: 10px;
    color:#ff0000;
    text-align: right;
}




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



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

/*! Flickity v2.1.2
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
	position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
	overflow: hidden;
	position: relative;
	height: 100%;
}

.flickity-slider {
	position: absolute;
	width: 100%;
	height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
	-webkit-tap-highlight-color: transparent;
			tap-highlight-color: transparent;
	-webkit-user-select: none;
	 -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
	position: absolute;
	background: hsla(0, 0%, 100%, 0.75);
	border: none;
	color: #484d54;
}

.flickity-button:hover {
	background: white;
	cursor: pointer;
}

.flickity-button:focus {
	outline: none;
	box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
	opacity: 0.6;
}

.flickity-button:disabled {
	opacity: 0.3;
	cursor: auto;
	/* prevent disabled button from capturing pointer up event. #716 */
	pointer-events: none;
}

.flickity-button-icon {
	fill: #484d54;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
	top: 50%;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	/* vertically center */
	transform: translateY(-50%);
	padding: 2rem;
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
	left: auto;
	right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
	right: auto;
	left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
	position: absolute;
	left: 20%;
	top: 20%;
	width: 60%;
	height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
	position: absolute;
	width: 100%;
	bottom: -25px;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	padding: 0;
	margin: 0 8px;
	background: #484d54;
	border-radius: 50%;
	opacity: 0.25;
	cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
	opacity: 1;
}



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


ul.result-lab{
	margin-top: 2rem;
	margin-bottom:2rem;
	padding: 0 0 1.5rem 0;
	background: #eaeaea;
}
 
ul.result-lab li.slide{
	width: 60%;
	margin-right: 0.5rem;
	margin-top: 2rem;
	min-height: 20rem;
	padding: 1rem 1.5rem 1.5rem 1.5rem;
	background: #BA211C;
	counter-increment: gallery-cell;
	border-radius: 5px;
	
}

ul.result-lab li.slide .lab-content{
	background-color: #EDA376;
	min-height: 20rem;
	border-radius: 5px;


}

ul.result-lab li.slide .lab-race{
	color: #ffffff;
	vertical-align: middle;
	font-weight:600;
}

ul.result-lab li.slide .lab-get{
	background-color:#F9DEC6;
	margin-top: 0.5rem;
	padding: 1rem;
	min-height: 15rem;
	border-radius: 5px 5px 0 0;

}

ul.result-lab li.slide .lab-comment{
	background-color: #EDA376;
	padding: 1.5rem 1.5rem 1.5rem 1rem;
	font-size: 1.4rem;
	vertical-align: middle;
	display: table;
	min-height: 10rem;
	border-radius: 0 0 5px 5px;
}

ul.result-lab li.slide .lab-comment i{
	font-size: 2.5rem;
	vertical-align:top;
	display: table-cell;
}

ul.result-lab li.slide .lab-comment .comment-style{
	display: table-cell;
	padding-left:0.5rem;
}


.fa-laugh-beam:before{
color: #BA211C;
}

.caution{
	background: #ffc0c0;
	font-size: 18px;
	color: #d60f0f;
	border: solid 2px #d60f0f;
	border-radius: 0.5rem;
	padding: 0.5rem 2rem;
	width: 70%;
	margin: 3rem auto 0;
	line-height: normal;
	}