/*==============================================
  common
==================================================*/
@media screen and (max-width: 767px) {
.sub_btn_area a{width: 63%;}
.sub_btn_box{margin-top: 40px;}
.pc-none{display: block !important;}
.sp-none{display: none;	}	
/* ---header-----*/
#header h1{ position: relative;}

#header #page_title{font-size: 22px; width: 100%;}
	
#footer .footer-wrapper {
        width: 94%;
        margin: 0 auto;
        padding: 10% 3% 5%;
    }	
.footer_logo {width: 40%; margin: 5px auto 33px;}
.footer_inner{width: 90%; margin: 0 auto;}

.l-footer_notice dt{width: 38px; margin-right: 10px;}
.l-footer_notice dd{font-size: 14px; color: #fff; font-weight: 500;}
.copyr{
	text-align: center;
	margin-top:20px;
	font-size: 12px;
	letter-spacing: 0;
	color: #fff;
}	
/* =========================================================
		member_point
========================================================= */
.member_point{
	width: 92%;
    padding: 7% 4% 6%;
    border: 1px solid #eb7700;
}
.member_point h3{font-size: 18px; margin:0 auto 15px;
	border-bottom: none;}

.member_point .point_box{
	display: block;
}
.member_point .point_box .pointcon1{
	width: 90%;
	
	
	padding:6% 5%;
    font-size: 17px;
	margin: 0 auto 15px;
}

.member_point .point_box .pointcon2{
	width: 90%;
	padding: 4% 3% 4% 7%;
}
.pointcon2 .point_ttl{
	    font-size: 16px;
	padding-left: 8px;
	padding-bottom: 3px;
}
.pointcon2 ul{font-size: 15px;}
.member_point .point_n{
	
	 width: 32px;
  height: 32px;
	line-height: 32px;
	font-size: 23px;

	top: -3px;
	left: -8px;
}

    .pointcon2 ul {
        font-size: 14px;
    }



.howto_btn a{

    margin: 20px auto 0;
    width: 68%;


}

.point_att{text-align: left; font-size: 11px; padding-top: 5px;}	
/* =========================================================
		howto_signup
========================================================= */
.modal_howto{
	width: 76%; padding: 6% 5%; margin: 6% 0 5%;
	}
.modal_howto .modal-close {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 25px;
}	
.howto_signup .inner{
      margin: 0 auto;
    width: 96%;
	padding: 8% 0 3%;
}
.howto_signup h3{font-size: 20px; 
	margin:0 auto 30px;
    border-bottom: 2px solid #222;
	}
.howto_signup ul{display:block;}
.howto_signup ul li{width: 80%; margin: 0 auto;}
.howto_signup ul li img{width: 27%; margin: 10px auto 5px;}
.howto_signup ul li .step{font-size: 15px;width: 90%; margin: 0 auto 10px;}
.howto_signup ul li.step_arrow{width: 6%;
    text-align: center;
    display: block;
    margin: 10px auto 15px;}
.howto_signup ul li.step_arrow img{width: 100%;
    margin: 0 auto;
    transform: rotate(90deg);}
.howto_signup ul li dd h4{padding: 5px 0 0;}

/* =========================================================
		howto_signup company
========================================================= */
.howto_signup.company .inner{
      margin: 0 auto;
    width: 80%;
	padding: 9% 5%;
}
.howto_signup.company h3{font-size: 20px; 
	margin:0 auto 35px;
    border-bottom: 2px solid #222;
	}
.howto_signup.company ul{display:block;}
.howto_signup.company ul li{width: 80%; margin: 0 auto;}
.howto_signup.company ul li img{width: 27%; margin: 10px auto 5px;}
.howto_signup.company ul li .step{font-size: 15px;width: 95%; margin: 0 auto 10px;}
.howto_signup.company ul li.step_arrow{width: 6%;
    text-align: center;
    display: block;
    margin: 12px auto 25px;}
.howto_signup.company ul li.step_arrow img{width: 100%;
    margin: 0 auto;
    transform: rotate(90deg);}
.howto_signup.company ul li dd h4{padding: 5px 0 0;}

	
	
/* =========================================================
		from
========================================================= */
/* ---from done-----*/
.done_sub .done_title{font-size: 17px; padding-bottom: 12px; text-align: left;}
.done_sub .done_copy1{text-align: left;}
.done_sub .done_copy2{text-align: left;}
	
.send_mail_done .done_copy1 span{font-size: 1.1em;}
.send_mail_done .done_copy2{margin-bottom: 40px;}
.send_mail_done .done_con2 h3{margin-bottom: 10px; font-size: 16px;}
.send_mail_done .done_con2 ul{width: 100%;}
.send_mail_done .done_con2 ul li{padding-bottom: 5px; font-size: 15px;}
/* ---footer-----*/
	
/* ---lINE MAIL signin-----*/
.entry_ttl{padding-bottom: 18px;}
.entry_line{padding: 9% 5% 9%;}
.entry_line h3{font-size: 18px;}	
.entry_line .operate{width: 90%; margin: 17px auto;}
.entry_mail{padding: 9% 5% 9%; margin-top: 25px;}
.entry_mail2{padding: 10% 5% 10%;}
.entry_mail h3{font-size: 18px; margin-bottom: 20px;}
.entry_mail2 h3{margin-bottom: 25px;}
.entry_mail .subtitle-option{text-align: center;}
	
 /* ---sandmail202412-----*/
.entry_line .line_copy2 {letter-spacing: 0;}	
#sendmail2 .update_area{margin: -10px auto 0; padding-bottom: 20px;}
#sendmail2 .confirm_btn.update_area label{width: 90%;}
	
	
	
.form_area .f_copy1 {
        font-size: 15px;
    }

.form_area .f_att1{font-size: 15px;
    padding-top: 4%;
text-indent: -1em;
  padding-left: 1em;}		
	
/* =========================================================
		lot
========================================================= */
#lot_result .form_bg{padding: 0 0 13%; background: #f2eee8;}
#lot_result .inquiry {
    max-width: inherit;
    margin: 0 auto 5%;
    padding: 0;
	background: none;
	width: 100%;
}
#lot_result #form{width: 100%;}
#lot_result .result_fv{padding: 20% 0 20%;}
#lot_result .r_hit{
	width: 90%;
        margin: 0 auto;
        height: 90vw;}
.r_lotresult {
	background-size: contain;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}	
	
	
.r_result {
    background-size: 100%;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}	
	
	
#lot_result .win_guidance{
	max-width: inherit;
    margin: 0 auto;
    padding: 9% 5% 0;
}
#lot_result .win_guidance .re_copy1{padding: 0 0 20px; font-size: 16px;}
#lot_result .win_guidance .re_copy2{padding: 0 0 6px; font-size: 16px;}
#lot_result .btn_area{width: 88%; margin: 0 auto 35px;}
#lot_result .btn_area a{background: #c10020;}
#lot_result .btn_area button{color: #fff; font-size: 20px;}
#lot_result .serial_n{font-size:24px; padding-bottom: 0px;}
#lot_result .win_present{width: 100%; margin: 0 auto;}	
	
	
/* =========================================================
		history
========================================================= */
		.his_con{
			width: 100%;
			max-width: inherit;
			
			
			
		}
		
.his_con .title_line{
				width: 92%;
			margin: 0 auto 10%;
			
			
		}
.oubo_r{
	margin: 0 auto;
	
	
	
}

.his_name{
	text-align: center;
	font-size: 18px;
	padding-bottom: 8%;
	font-weight: bold;
	
	
	
}
.his_con .info_copy{
			width: 92%;
			margin: 0 auto 0;
			
		}

.infotb{
	width: 100%;}

.infotb .gray {
    background: #e6f4fb;
}

.infotb th, .infotb td {
    padding: 8px 1%;
    vertical-align: middle;
	text-align: center;
	width: 13%;
	font-size: 11px;
	letter-spacing: 0;
	line-height: 1.3;
}
.infotb .wdsp_30{
	
	width: 18%;
	
	
}
.infotb th, .infotb td {
    border: solid 1px #d5e5ef;
}
	
	
	
 }