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

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

*, *: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;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pconly { display: block !important; }
.sponly { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 640px) {
    .pconly { display: none !important; }
    .sponly { display: block !important; }
}

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

html {
	font-size: 14px;
}

html:before{
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
	background:url("../../../../images/member/plan/onlyone/gold_sp.png") no-repeat top center;
    background-size: cover;
}

body {
	margin: 0;
}

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

#container2 {
	width:100%;
}

#container {
	width:100%;
}

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

.main1 {
	width:100%;
	padding: 3rem 1rem;
	margin:0 auto;
}

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

.main_text {
	display:block;
	width:95%;
	margin: 20px auto 0px;
	text-align: left;
	font-size: 14px;
	line-height: 1.8;
	font-weight:400;
}

.main_text1 {
	display:block;
	width:100%;
	margin: 20px auto 0px;
	text-align: left;
	font-size: 14px;
	line-height: 1.8;
	font-weight:400;
}

.main_text3 {
	margin: 30px 9px 0px;
	width: 95%; 
	font-size: 14px;
    line-height: 1.6;
}

.main_text4 {
	margin: 30px 9px 0px;
	width: 95%; 
	font-size: 14px;
    line-height: 1.6;
}

.main_text5 {
	margin: 30px 9px 0px;
	width: 95%; 
	font-size: 14px;
    line-height: 1.6;
}

.main_text6 {
	margin: 30px 9px 0px;
	width: 95%; 
	font-size: 14px;
    line-height: 1.6;
}

.main_text10 {
	margin: 22px 17px 0px;
    width: 90%;
}

.main_text11 {
	margin: 22px 17px 0px;
    width: 90%;
}


.main_text br {
	display:none;
}

.main_text br.everbr {
	display:block;
}

.center {
	
    text-align: center;
}

.main_text.center_pc {
	text-align:left;
	margin-left:10px;
	margin-right:10px;
}

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

.merit_top_area4 {
	line-height: 30px;
}

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

/*---------桃源郷プロジェクト用--------------*/

/* スキップボタン ******************************/
.nextbc{
	width:70%;
	font-size:1.7rem;
	box-shadow: 0px 6px 0 rgba(0, 0, 0, 0.7);
}

.nextbc:hover{
	transform: translate3d(0, 5px, 0);

}
/* スキップボタンend ******************************/

/* セールスにいくボタン******************************/
.applicationButton01 {
    width: 100%;
    height: 160px;
    text-indent: -9999px;
	background:url("../images/button.png") no-repeat top center;
    background-size: contain;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    cursor: pointer;
    border: none;
    margin: 0px auto;
    text-align: center;
}
.applicationButton01:hover {
    width: 100%;
    height: 160px;
    text-indent: -9999px;
	background:url("../images/button.png") no-repeat top center;
    background-size: contain;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    transform:scale(1.1);
    cursor: pointer;
    border: none;
    margin: 0px auto;
    text-align: center;
    opacity: 0.8;
}
/* セールスにいくボタンend******************************/




/*---------桃源郷プロジェクト用end--------------*/

/*---------桃源郷プロジェクト用スケジュールテーブル--------------*/

.mtm_area table{
	width:70%;
	text-align:center;
	background:#FFF7ED;
	margin:20px auto;
	border:2px solid #411c09;
	table-layout: fixed;
}

.mtm_area table th{
	background: rgb(254,113,19);
   
	text-align:left;
	border:1px solid rgb(22, 14, 9);
	padding:4px;
	color:#FFF;
	font-size:1rem;
	display: block;
}

.mtm_area table th p{

	font-size:15px;
}



.mtm_area table td{
	background:#F9F1BF;
	text-align:left;
	border:1px solid rgb(22, 14, 9);
	font-size:0.9rem;
	display: block;
}

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

.mtm_area{
	width:100%;
}

/*---------桃源郷プロジェクト用スケジュールテーブルend--------------*/





.headerbg {
	background:none;
	width:100%;
	height:auto;
	margin:0 auto 0;
	position: relative;
	padding:1px 0 15px;
	animation:none;
}

.header_text1{
	margin:0px auto 0px;
	width:80%;
}

.header_text2{
	margin:0px auto 0px;
	width:95%;
}

.header_text3{
	margin:0px auto 0;
	width:90%;
}

@keyframes howahowa {
	0% { transform: scale(0.95);opacity:0.5; }
	50% { transform: scale(1);opacity:1; }
	100% { transform: scale(0.95);opacity:0.5; }
}

.header_timer{
	width:100%;
	height:auto;
	margin:20px auto 0;
}

.header_timerbg_text{
	font-size:28px;
	margin:0 auto;
}
/*-----------------------*/

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

.headerbg2022_07 {
	background:url("../images/satomi_header_sp.png") center center / auto auto no-repeat;
	width:100%;
	height:143px;
	margin:0 auto 0;
	position: relative;
	padding:1px 0;
}

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

.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;}

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

.timer iframe{
	display:block;
}

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

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


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

.houjou5{
	width:120px;
	display:block;
	margin:0 auto;
}

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

.res_bg{
	background:#E63E00;
	margin: 20px 10px 0px;
	padding:1px 1px 20px;
}

.total_bg th{
	font-size:12px;
}

.total_bg td{
	font-size:12px;
}

.total_bg td.top{
	width:auto;
}

.total_bg th.ic1{
	font-size:12px;
}

.total_bg th.ic2{
	font-size:12px;
}

.total_bg th.ic2 .bgline{
	margin:0;
}

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



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

.hit_bg tbody{
	display:block;
}

.hit_bg tr{
	display:block;
	margin:10px auto 0;
	
}

.hit_bg th{
	display:none;
}

.hit_bg td{
	font-size:16px;
	display:block;
	border:none;
	padding:5px 0 0 0;
}

.hit_bg td:nth-last-of-type(1){
	border-bottom:1px dotted #ffcebc;
	padding:5px 0 10px 0;
}

.hit_bg td.big{
	font-size:20px;
	display:block;
}


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

.voice_bg{
	background:#FDD93B;
	margin: 20px 10px 0px;
	padding:1px 1px 20px;
}

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

.voice table tbody{
	display:block;
}

.voice table tr{
	display:block;
}

.voice table th{
	display:block;
		width:100%;
}

.voice table th br{
	display:none;
}

.voice table th img{
	width:50px;
	margin:0 10px 0 0;
}

.voice table td{
	display:block;
	font-size:12px;
	padding:0;
}

.voice table td br{
	display:none;
}

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

.bullet{
	background: url(../images/maslogo.png) left 0 top 0  no-repeat, rgb(255,146,10);
	margin: 20px 10px 0px;
	padding:15px 1px;
	border-radius: 10px;
}

.bullet .main_text{
	margin: 10px;
	color:#FFFFFF;
	letter-spacing:0;
}

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

.toku {
	width:100%;
	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 ;
	background-size:90%;
}

.toku .main_text{
	width:80%;
	margin: 10px auto;
	font-size:14px;
	color:#333333;
	text-shadow: none;
}

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

.formbg3 {
	width: 100%;
	background: none;
	margin: 0px auto 0 auto;
	padding: 1px 1px 15px 1px;
}

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

.formbg {
	width: 100%;
	margin: 0 auto 0 auto;
	line-height: 1.9;
	display:block;
}

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

.formbg th br {
	display:none;
}

.formbg td {
	width: 100%;
	margin: 0 auto;
	border: none;
	border-right: 1px solid #777;
	border-left: 1px solid #777;
	text-align:left;
	padding: 13px 10px 10px 10px;
	background:#FFFFFF;
	display:block;
}

.formbg td br {
	display:none;
}

.formbg td br.everbr {
	display:block;
}

.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;
}

.feebg1{
	display: block;
	width: 100%;
	border:1px solid #ccc;
	padding: 0;
	color: #42210B;
	margin:10px 0 0 0;
}

.feebg2{
	display: block;
	width: 100%;
	background: #f0e68c;
	line-height: 1;
	padding: 10px;
	font-weight:bold;
}

.feebg3{
	display: block;
	font-weight:bold;
	font-size: 24px;
	line-height: 1;
	vertical-align:middle;
	margin-left: 10px;
	padding:5px 0 0 0;
}

.flowbg1{
	display: block;
	width: 100%;
	border:1px dotted #999;
	padding: 5px;
}

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

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

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

.formbg2 {
	width: 100%;
	margin: 0 auto 0 auto;
	border: 1px solid #777;
}

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

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

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

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

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

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

.button6 {
	background: url("../images/bomb_button_sp1.png") no-repeat top;
	background-size: contain;
	height:131px;
}

.button6:hover {
	opacity: 0.6;
}

.salebutton{
	/* box-shadow */
	box-shadow:0px 0px 6px 3px #736060;
	-moz-box-shadow:0px 0px 6px 3px #736060;
	-webkit-box-shadow:0px 0px 6px 3px #736060;
	/* border-radius */
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;

	/* border */
	border:1px solid #ffffff;
	width:95%;
	background:#D00606;
	color:#fff;
	font-weight:bold;
	padding:1.5rem 0rem;
	font-size:1.2rem;
	cursor:pointer;
}

.button7 {
	width:100%;
    background-size: contain;
}

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

.footer_n2 {
	width:100%;
}

#footer_n {
	margin: 0 auto 0 auto;
	padding: 1px 0 1px 0;
	background: #714810;
	min-width:100%;
}

#footer_n p {
	margin: 15px;
}

.footer_bg1 {
	width: 100%;
	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 {
	width: 100%;
	margin: 0 auto;
	position: static;
	height: 100%;
}

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

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

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

.footer_bg2 table{
	display:block;
}

.footer_bg2 table tbody{
	display:block;
}

.footer_bg2 table tr{
	display:block;
}

.footer_bg2 table td{
	display:block;
	text-align:center;
}

.footer_bg2 table{
	width:90%;
	margin:0 auto;
	color: #FFF;
	font-size: 12px;
	line-height: 1.3;
}

.footer_bg2 table td.text{
	vertical-align:top;
	padding:10px 0 0;
	text-align:left;
}

.footer_bg2 table td.info_mark{
	display:none;
}

.footer_bg2 table td.sp_off{
	display:none;
}




.footer_bg_p1 {
	top: 20px;
	left: 0;
	width: 100%;
	margin: 0 auto;
	position: static;
}

.footer_bg_p1 p {
	text-align:center;
}

.footer_bg_p2 {
	top: 10px;
	left: 290px;
	width: 100%;
	margin: 0 auto;
	position: static;
}

.footer_bg_p3 {
	top: 10px;
	left: 650px;
	width: 100%;
	margin: 0 auto;
	position: static;
}

.ficon2{
	float:left;
	padding-right: 10px;
	width:50px;
}

.note{
	font-size:10px;
	line-height:1.6;
	text-align:left;
}

.fcoll{
	font-size:16px;
	font-weight:bold;
	line-height:1.6;
}

.fmail{
	font-size:16px;
	font-weight:bold;
	line-height:1.6;
}

.footer_bg1 p a.spf{
	display:block;
	background: #FBC880;
	margin:5px;
	color:#96361F;
}

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

.bankbg{
	width:100%;
	display:block;
}

.bankbg tbody{
	width:100%;
	display:block;
}

.bankbg tr{
	width:100%;
	display:block;
}

.bankbg th{
	width:100%;
	display:block;
	border:1px solid #999;
}

.bankbg td{
	width:100%;
	display:block;
	font-size:14px;
	border:1px solid #999;
}

.bankbg td br{
	display:block;
}

.bankbg td.spbrs br{
	display:none;
}

.th_janp {
	width: 90%;
	font-size:14px;
	margin:30px auto;
}

.crbutton {
	width: 90%;
	font-size:14px;
	height:auto;
	padding:30px 0;
}

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

.sp_janp{
	background:rgb(247,142,26,0.8);
	position:fixed;
	bottom:0;
	display:block;
	z-index:999;
	width:100%;
	padding:10px 0 15px;
	text-align:center;
}

.sp_janp a{
	line-height:1.4;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	display:inline-block;
	margin:0 auto;
	border-radius:30px;
	color:#000000;
	text-decoration:none;
	padding:5px 20px;
	font-size:12px;
}

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

.aisatu{
	float:none;
	display:block;
	width:135px;
	margin:0 auto 30px;
}

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

.res_flex_bg2 {
    display: block;
	width:90%;
    padding: 10px;
    margin: 20px auto 0;
}

.res_flex_text {
    width: 100%;
    margin-right: 0;
}

.res_flex_text p {
    text-align: center;
	width:269px;
}

.res_flex_bg2 .res_flex_list {
    width: 100%;
    max-width: 220px;
}

.article img {
    padding: 0;
    margin: 0 auto;
}

.res_flex_list {
    width: 100%;
    max-width: 45%;
    margin: 10px auto;
}

.res_flex_list_test2 {
	margin-right: 20px;
}

.res_flex_list_test3 {
  font-size: 0.8rem;
}

.cah_area table td{
	font-size:1.6rem;
}

.rv_area{
	width:100%;

}

.res_flex_list2 {
	width: 90%;
	min-height: 180px;
  }

  .neo_inner_box span{
	font-size:1rem;
  }

  .res_upd1_bg{
	display:block;
}


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


.spsm9{
	font-size:0.9em;
}

.spsm8{
	font-size:0.8em;
}

.spsm7{
	font-size:0.7em;
}

.spsm6{
	font-size:0.6em;
}

.spsm5{
	font-size:0.5em;
}

.spsm4{
	font-size:0.4em;
}

.spsm3{
	font-size:0.3em;
}

.spsm2{
	font-size:0.2em;
}

.spsm1{
	font-size:0.1em;
}

.sp_on{
	display:inline;
}

.sp_on2{
	display:block;
}

.sp_on3{
	display:table;
}

.sp_off{
	display:none;
}

br.blk{
	display:block;
}

.spbr{
	display:block;
}

br.spbr{
	display:block;
}

.spbr_no br{
	display:none;
}

.spbr_on br{
	display:inline;
}

.sppd{
	padding:1em;
	display:block;
}

.spimg100{
	width:100%;
}

.spimg90{
	width:90%;
}

.spimg80{
	width:80%;
}

.spimg70{
	width:70%;
}

.spimg60{
	width:60%;
}

.spimg50{
	width:50%;
}

.spcenter{
	text-align:center;
}

.spleft{
	text-align:left;
}

.sp_m0{
	margin:0;
}

.spleft_d{
	text-align:left;
	display:block;
}

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

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

.b {
	font-weight: bold;
}

.u {
	text-decoration:underline;
	border-bottom:none;
	display:inline;
	line-height:1.65;
	margin: auto;
}

.u2 {
	text-decoration:none;
	border-bottom:1px dashed #000000;
	margin-bottom: -8px;
	display:inline-block;
	line-height:1.2;
	margin: 8px 0;
}

.lh1 {
	line-height: 1;
}

.lh2 {
	line-height: 2;
}

.lh3 {
	line-height: 3;
}

.fright {
	float: right;
}

.fleft {
	float: left;
}

.black {
	color: #111111;
}

.white {
	color: #FFFFFF;
}

.red {
	color: #FE1600;
}



.yellow {
	color: #FDD93B;
}

.blue {
	color: #0000cd;
}

.orange {
	color: #ff8c00;
}

.green {
	color: #228b22;
}

.size0 {
	font-size: 14px;
}

.size1 {
	font-size: 22px;
}

.size2 {
	font-size: 28px;
}

.size3 {
	font-size: 34px;
}

.size4 {
	font-size: 38px;
}

.tume {
	letter-spacing: -0.05em;
}

.bgred {
	background: #CC0000;
	padding: 2px 5px 0px 5px;
	display:inline-block;
	line-height:1.2;
	margin: 8px 0;
}

.bgyellow {
	background: none;
	padding: 0;
	display:inline;
	line-height:1.65;
	margin: auto;
	color:#FF0000;
}

.bcenter {
	text-align: center;
	display: block;
}

.bright {
	text-align: right;
	display: block;
}

.bleft {
	text-align: left;
	display: block;
}

.clear {
	clear:both;
	border:none;
}

.space0{
	margin-top: 0px;
}

.space1{
	margin-top: 100px;
}

.space2{
	margin-top: 20px;
}

.space3{
	margin-top: 160px;
}

.r1{
	color: #ff0000;
	background-color: #ffdddd;
	font-weight: bold;
}
.r2{
	color: #0000ff;
	background-color: #ddddff;
	font-weight: bold;
}
.r3{
	color: #008c00;
	background-color: #ddffdd;
	font-weight: bold;
}

.fixed{
	position:fixed;
	top:0px;
}

.v-at{
	vertical-align:top;
}

.line {
  position: absolute;
  width: 1px;
  height: 99%;
  left: 50%;
  background: rgba(255, 255, 255, 0.1);
  overflow: hidden;
}

button {
margin: 2rem 1rem;
width: 90%;
font-size: 1.7rem;
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;

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);

color: #ffffff;
}

button:hover{
	color: #1A1A1A;
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);
}

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

table.pr_area {
  width: 95%;
}

.super_area1 table.pr_area th {
  width: 100%;
  padding: 8px;
  font-size: 2.4rem;
  text-align: center;
}

.super_area1 table.pr_area td{
  width: 100%;
  padding: 1rem;
  font-size: 2.4rem;
  text-align: center;
}

.super_area1 table.pr_area th{
	font-size: 1.4rem;
	text-align: center;
	}

.super_area1 table.pr_area td.lk{
	font-size: 1.4rem;
	text-align: center;
}

.super_area1 br.none{
	display:none;
	}
/*-----------------------*/

.super_area1 table th{
	display: block;
	width: 100%;
	
	}


.super_area1 table td{
	display: block;
	width: 100%;
	
	}
/*-----------------------*/


.period {
    position: relative;
    margin: 3rem auto;
    padding:5px;
    border: solid 3px #00c186;
    width: 95%;
}
.period .box-title {
    position: absolute;
    display: inline-block;
    top: -40px;
    left: -3px;
    padding: 5px 18px;
    height: 40px;
    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: 24px;
    font-weight: 800;
    text-align:center;
}


.period2 {
    position: relative;
    margin: 3rem auto;
    padding:5px;
    border: solid 3px #ff4964;
    width: 95%;
}
.period2 .box-title {
    position: absolute;
    display: inline-block;
    top: -40px;
    left: -3px;
    padding: 5px 18px;
    height: 40px;
    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: 24px;
    font-weight: 800;
    text-align:center;
}

/*-----------------------*/
table.result_tr span.hit {
    background: #ff4024;
    color: #fff000;
    font-weight: 800;
    padding: 0 8px;
    font-size: 12px;
}

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

table.result_tr td.total {
    font-size: 18px;
}

.race_result_tr {
    padding: 5px;
}


table.result_tr td.day_total {
    font-size: 20px;
}



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

.benefit p.title{font-size: 1.8rem;}



.super_area1{width: 100%;}

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


.merit_top_area span{
	font-size:0.9rem;
}

.merit_top_area2 span{
	font-size:1rem;
}

textarea {
	height:240px;
  }

.sub_box{
	padding:4px 0 20px 0;
}

.v_box10{
	width:100%;
}

.v_box3_1{
	width:92%;
}

.v_box3_3{
	width:90%;
}

.box7{
	width:90%;
}

.box8{
	width:90%;
}

.form_box3{
	width:90%;
}

.cah_area table{
	width:85%;
}
.cah_area table td {
	padding: 10px 5px;
	font-size: 1.4rem;
}

.flex_test-box {
    padding:  13px;             /* 余白指定 */
    display: flex;              /* フレックスボックスにする */
    flex-wrap: wrap;            /* 折り返し指定 */
}
 
.flex_test-item {
    padding: 10px;
    color:  #fff;               /* 文字色 */
    margin:  10px;              /* 外側の余白 */
    border-radius:  5px;        /* 角丸指定 */
    font-size:  30px;           /* 文字サイズ */
    width: 200px;               /* 幅指定 */
    text-align:  center;        /* 文字中央揃え */
}
 
.flex_test-item:nth-child(1) {
    background-color:  #FF2626; /* 背景色指定 */
}
 
.flex_test-item:nth-child(2) {
    background-color:  #FF2626; /* 背景色指定 */
}
 
.flex_test-item:nth-child(3) {
    background-color: #FF2626; /* 背景色指定 */
}
 
.flex_test-item:nth-child(4) {
    background-color:  #FF2626; /* 背景色指定 */
}

.flex_test-item:nth-child(5) {
    background-color:  #FF2626; /* 背景色指定 */
}

.flex_test-item:nth-child(6) {
    background-color:  #FF2626; /* 背景色指定 */
}


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

.mt0 {margin-top: 0px;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 30px;}
.mt50 {margin-top: 30px;}
.mt60 {margin-top: 30px;}
.mt70 {margin-top: 60px;}
.mt80 {margin-top: 60px;}
.mt90 {margin-top: 60px;}
.mt100 {margin-top: 60px;}
.mt110 {margin-top: 90px;}
.mt120 {margin-top: 90px;}
.mt130 {margin-top: 90px;}
.mt140 {margin-top: 90px;}
.mt150 {margin-top: 90px;}
.mt160 {margin-top: 90px;}
.mt170 {margin-top: 90px;}
.mt180 {margin-top: 90px;}
.mt190 {margin-top: 90px;}
.mt200 {margin-top: 90px;}


.ml0 {margin-left: 0px;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}
.ml40 {margin-left: 40px;}
.ml50 {margin-left: 50px;}
.ml60 {margin-left: 60px;}
.ml70 {margin-left: 70px;}
.ml80 {margin-left: 80px;}
.ml90 {margin-left: 90px;}
.ml100 {margin-left: 100px;}
.ml110 {margin-left: 110px;}
.ml120 {margin-left: 120px;}
.ml130 {margin-left: 130px;}
.ml140 {margin-left: 140px;}
.ml150 {margin-left: 150px;}
.ml160 {margin-left: 160px;}
.ml170 {margin-left: 170px;}
.ml180 {margin-left: 180px;}
.ml190 {margin-left: 190px;}
.ml200 {margin-left: 200px;}


.mr0 {margin-right: 0px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.mr30 {margin-right: 30px;}
.mr40 {margin-right: 40px;}
.mr50 {margin-right: 50px;}
.mr60 {margin-right: 60px;}
.mr70 {margin-right: 70px;}
.mr80 {margin-right: 80px;}
.mr90 {margin-right: 90px;}
.mr100 {margin-right: 100px;}
.mr110 {margin-right: 110px;}
.mr120 {margin-right: 120px;}
.mr130 {margin-right: 130px;}
.mr140 {margin-right: 140px;}
.mr150 {margin-right: 150px;}
.mr160 {margin-right: 160px;}
.mr170 {margin-right: 170px;}
.mr180 {margin-right: 180px;}
.mr190 {margin-right: 190px;}
.mr200 {margin-right: 200px;}


.mb0 {margin-bottom: 0px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 30px;}
.mb50 {margin-bottom: 30px;}
.mb60 {margin-bottom: 30px;}
.mb70 {margin-bottom: 60px;}
.mb80 {margin-bottom: 60px;}
.mb90 {margin-bottom: 60px;}
.mb100 {margin-bottom: 60px;}
.mb110 {margin-bottom: 90px;}
.mb120 {margin-bottom: 90px;}
.mb130 {margin-bottom: 90px;}
.mb140 {margin-bottom: 90px;}
.mb150 {margin-bottom: 90px;}
.mb160 {margin-bottom: 90px;}
.mb170 {margin-bottom: 90px;}
.mb180 {margin-bottom: 90px;}
.mb190 {margin-bottom: 90px;}
.mb200 {margin-bottom: 90px;}




.t10 {font-size: 0.40em;}
.t11 {font-size: 0.50em;}
.t12 {font-size: 0.60em;}
.t13 {font-size: 0.70em;}
.t14 {font-size: 0.60em;}
.t15 {font-size: 0.90em;}
.t16 {font-size: 1em;}
.t17 {font-size: 1.01em;}
.t18 {font-size: 1.02em;}
.t19 {font-size: 1.03em;}
.t20 {font-size: 1.0rem;}
.t21 {font-size: 1.2rem;}
.t22 {font-size: 1.2rem;}
.t23 {font-size: 1.2rem;}
.t24 {font-size: 1.2rem;}
.t25 {font-size: 1.2rem;}
.t26 {font-size: 1.4rem;}
.t27 {font-size: 1.4rem;}
.t28 {font-size: 1.4rem;}
.t29 {font-size: 1.4rem;}
.t30 {font-size: 1.4rem;}
.t31 {font-size: 1.5rem;}
.t32 {font-size: 1.5rem;}
.t33 {font-size: 1.5rem;}
.t34 {font-size: 1.5rem;}
.t35 {font-size: 1.5rem;}
.t36 {font-size: 1.5rem;}
.t37 {font-size: 1.5rem;}
.t38 {font-size: 1.5rem;}
.t39 {font-size: 1.5rem;}
.t40 {font-size: 1.5rem;}
.t41 {font-size: 1.6rem;}
.t42 {font-size: 1.6rem;}
.t43 {font-size: 1.6rem;}
.t44 {font-size: 1.6rem;}
.t45 {font-size: 1.6rem;}
.t46 {font-size: 1.6rem;}
.t47 {font-size: 1.6rem;}
.t48 {font-size: 1.6rem;}
.t49 {font-size: 1.6rem;}
.t50 {font-size: 2rem;}
.t51 {font-size: 2rem;}
.t52 {font-size: 2rem;}
.t53 {font-size: 2rem;}
.t54 {font-size: 2rem;}
.t55 {font-size: 2rem;}
.t56 {font-size: 2rem;}
.t57 {font-size: 2rem;}
.t58 {font-size: 2rem;}
.t59 {font-size: 2rem;}
.t60 {font-size: 2rem;}
.t61 {font-size: 2rem;}
.t62 {font-size: 2rem;}
.t63 {font-size: 2rem;}
.t64 {font-size: 2rem;}
.t65 {font-size: 2rem;}
.t66 {font-size: 2rem;}
.t67 {font-size: 2rem;}
.t68 {font-size: 2rem;}
.t69 {font-size: 2rem;}
.t70 {font-size: 2.2rem;}
.t71 {font-size: 2.2rem;}
.t72 {font-size: 2.2rem;}
.t73 {font-size: 2.2rem;}
.t74 {font-size: 2.2rem;}
.t75 {font-size: 2.2rem;}
.t76 {font-size: 2.2rem;}
.t77 {font-size: 2.2rem;}
.t78 {font-size: 2.2rem;}
.t79 {font-size: 2.2rem;}
.t80 {font-size: 2.2rem;}
.t81 {font-size: 2.2em;}
.t82 {font-size: 2.2em;}
.t83 {font-size: 2.2em;}
.t84 {font-size: 2.2em;}
.t85 {font-size: 2.2em;}
.t86 {font-size: 2.2em;}
.t87 {font-size: 2.2em;}
.t88 {font-size: 2.2em;}
.t89 {font-size: 2.2em;}
.t90 {font-size: 2.2em;}
.t91 {font-size: 2.2em;}
.t92 {font-size: 2.2em;}
.t93 {font-size: 2.2em;}
.t94 {font-size: 2.2em;}
.t95 {font-size: 2.2em;}
.t96 {font-size: 2.2em;}
.t97 {font-size: 2.2em;}
.t98 {font-size: 2.2em;}
.t99 {font-size: 2.2em;}
.t100 {font-size: 2.6rem;}

.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;}


}