/*@charset "utf-8";*/
/* CSS Document */




body {
  margin: 0px;
	display:relative;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}


/* ドロワーメニュー */
ul.drawer-menu li a{
	display:block;
	text-decoration:none;
	margin:0;
	padding:10px 20px;
	font-size:13px;
	border-bottom:1px solid #ccc;}

ul.drawer-menu li a:link{
	color:#222;
	background-color:#eee;}

ul.drawer-menu li a:visited{
	color:#222;
	background-color:#eee;}

ul.drawer-menu li a:hover{
	color:#fff;
	background-color:#666;}

.drawer-menu-nonlink{
	background-color:#222;
	color:#fff;
	padding:5px 15px;
	font-size:12px;
	border-left:5px solid #666;
	margin-top:5px;}








.qa_header{
	background:#000;
	width:100%;
	margin:0;
	padding:1px;
	height:100px;
	display:block;
	position:relative;
	text-align:center;
	top:0;
	left:0;
	z-index:99;
}

.qa_header_logo{
	position:absolute;
	top:-10px;
	left:0;}
	
.qa_header_navi{
	position:relative;
	margin:20px auto;
	padding:0;
	text-align:center;
	width:1000px;}

ul.qa_header_navi-list{
	list-style-type:none;
	margin:0 auto;
	padding:0;
	text-align:left;}

ul.qa_header_navi-list li{
	float:left;
	padding:0;
	margin:0;
	}


.qa_header_naviright{
	position:absolute;
	right:0;
	top:0;
	}

.marginR img{
	margin-right:5px;}

.qa_header_navi a:hover img{
	opacity: 0.7;
	 filter: alpha(opacity=70);
	 -ms-filter: "alpha(opacity=70)";}


.header {
  background-color: #f5f5f5;
  height: 100px;
}
.header .fixbar {
  position: absolute;
  width: 100%;
}
.header.fixed .fixbar {
  position: fixed;
  top: 0px;
}




/*メインコンテンツ全体*/
.qa_main{
	max-width:1000px;
	width:100%;
	margin:20px auto;
	padding:0;}

ul.qa_main_list{
	list-style-type:none;
	margin:0 auto;
	padding:0;}
	
ul.qa_main_list li{
	float:left;
	margin:0 auto;
	padding:0;
	}






.qa-left-ttl{
	background-repeat:no-repeat;
	padding:0;
	color:#222;
	font-weight:bold;
	font-size:20px;
	margin-top:30px;
}


.navittl{
	background:#333;
	font-size:12px;
	color:#fff;
	padding:5px 10px;
	line-height:200%;
	margin:10px 0 5px 0;}


.navisub a{
	display:block;
	background-image:url(/qa/img/icon-arrow.png);
	background-repeat:no-repeat;
	background-position: 0 -2px;
	font-size:13px;
	padding:3px 10px 3px 18px;
	text-decoration:none;
	}

.navisub span{
	margin-top:10px;
	display:block;
	}

.navisub a:link{
	color:#666;
	}
.navisub a:visited{
	color:#666;
	}
.navisub a:hover{
	color:#ccc;
	}

.qa_red{
	font-size:14px;
	font-weight:bold;
	color:#ff2121;
	margin:20px 0 5px -10px;}
.qa_red02{
	font-size:14px;
	font-weight:bold;
	color:#ff2121;}
.qa_red03{
	font-weight:bold;
	color:#ff2121;
	font-size:110%;}
	
.qa_pic img{
	margin:20px 0;
	border:1px #ccc solid;}



/* レフトナビお問い合わせボタン */
.qa_leftbtn{
	margin:10px 30px 0 0;}

.qa_leftbtn a{
	display:block;
	padding:15px;
	color:#fff;
	font-size:14px;
	text-align:center;
	text-decoration:none;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.qa_leftbtn a:link{
	background:#ff2121;}

.qa_leftbtn a:visited{
	background:#ff2121;}

.qa_leftbtn a:hover{
	background:#ff5151;}






/* サンプルページへのリンクボタン */
.qa_leftbtn02{
	margin:20px auto 0 auto;}

.qa_leftbtn02 a{
	display:block;
	padding:15px;
	color:#fff;
	font-size:14px;
	text-align:center;
	text-decoration:none;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.qa_leftbtn02 a:link{
	background:#666;}

.qa_leftbtn02 a:visited{
	background:#666;}

.qa_leftbtn02 a:hover{
	background:#333;}





/* メイン用大きめボタン */
.qa_btn{
	margin:10px;}

.qa_btn a{
	display:block;
	padding:15px;
	color:#fff;
	font-size:15px;
	text-align:center;
	text-decoration:none;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	font-weight:bold;
}

.qa_btn a:link{
	background:#ff2121;}

.qa_btn a:visited{
	background:#ff2121;}

.qa_btn a:hover{
	background:#ff5151;}



/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@media ( min-width : 769px ) {

.pc_none{display:none;}


.lucky2019_bk{
	background-image:url(/special/lucky2019/img/luckybag2019_mainbk.jpg);
	background-position:center top;
	text-align:center;
	background-color:#000;
/*	background-size:100%;*/
	background-repeat:repeat;
	padding:100px 0 50px 0;}

.lucky2019_main{
	text-align:center;
	width:100%;}

.lucky2019_main img{
	width:100%;
	max-width:1100px;
	margin:0 auto;}

.lucky2019_toptxt{
	font-size:28px;
	color:#fff;
	text-align:center;
	font-weight:normal;
	padding-top:50px;
	margin:20px auto 0 auto;
	width:90%;
	border-top:3px solid #fff;
	max-width:900px;}

.lucky2019_toptxt span{
	display:block;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
	font-size:29px;}

.lucky2019_toptxts{
	font-size:14px;
	color:#fff;
	text-align:center;
	font-weight:normal;
	padding:0;
	margin:10px auto;
	width:80%;
	max-width:850px;}

.lucky2019_toptxts span{
	font-weight:bold;
	color:#f5e994;
	font-size:15px;}

.lucky2019_toptxts2{
	font-size:14px;
	color:#fff;
	text-align:center;
	font-weight:normal;
	padding:0;
	margin:10px auto;
	width:80%;
	max-width:850px;}

.lucky2019_toptxts2 span{
	font-weight:bold;
	color:#f5e994;
	font-size:15px;}

ul.lucky2019_itemlist{
	list-style-type:none;
	margin:0 auto;
	padding:0;
	text-align:center;
	width:90%;
	max-width:800px;}

ul.lucky2019_itemlist li{
	float:left;
	margin:30px auto 20px auto;
	padding:0;
	text-align:center;
	width:50%;}

ul.lucky2019_itemlist li img{
	width:100%;}

ul.lucky2019_itemlist a:hover{
	opacity: 0.7;
	 filter: alpha(opacity=70);
	 -ms-filter: "alpha(opacity=70)";}
	 
.lucky2019_attention{
	font-size:20px;
	color:#f5e994;
	font-weight:bold;
	margin:0 auto;
	padding-bottom:50px;
	text-align:center;}

.lucky2019_qabk{
	background:#f7e067;}

.lucky2019_qattl{
	font-size:30px;
	color:#222;
	font-weight:bold;
	margin:0 auto;
	text-align:center;
	padding-top:40px;}

.lucky2019_qattl span{
	font-size:12px;
	display:block;
	margin:0 auto;
	text-align:center;}

.lucky2019_qawidth{
	width:90%;
	margin:0 auto;
	max-width:1000px;}

.lucky2019_qa{
	width:90%;
	margin:0 auto;
	padding-bottom:50px;}
	
.lucky2019_q{
	color:#e91726;
	font-weight:bold;
	font-size:15px;
	margin-top:20px;}

.lucky2019_a{
	color:#222;
	font-weight:normal;
	font-size:14px;
	margin:5px 0 20px 0;
	padding-bottom:5px;
	border-bottom:1px solid #e91726;}

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

.lucky2019_jrttl img{
	margin:0 auto;
	padding:0;
	text-align:center;
	width:90%;
	max-width:900px;
}

.lucky2019_txtline{
	border-bottom:3px solid #fff;
	font-size:20px;
	font-weight:bold;
	width:90%;
	max-width:600px;
	margin:0 auto 30px auto;
	text-align:center;
}
.lucky2019_txtline span{
	color:#fff;
	font-size:20px;
}



.lucky2019_saihan{
	width:90%;
	max-width:800px;
	color:#fff;
	margin:0 auto;
}

.lucky2019_saihanttl{
	font-size:35px;
	color:#ffd664;
	margin:20px auto 0 auto;
	font-weight:bold;
	text-align:center;
	padding-bottom:3px;
	border-bottom:2px solid #fff;
	line-height:160%;
	letter-spacing:2px;
}

.lucky2019_saihanttl span{
	font-size:35px;
	color:#ffd664;
	margin:20px auto 0 auto;
	font-weight:bold;
	text-align:center;
	padding-bottom:3px;
	line-height:160%;
	letter-spacing:2px;
}


.lucky2019_saihanttl div{
	display:block;
	font-size:21px;
	color:#fff;
	margin:0 auto;
	font-weight:bold;
	text-align:center;
	line-height:160%;
	letter-spacing:0;
}

.lucky2019_saihantxt{
	margin-top:20px;
	font-size:14px;
	color:#fff;
	text-align:center;
}

.lucky2019_date{
	font-size:35px;
	color:#fff;
	font-weight:bold;
	width:90%;
	max-width:620px;
	text-align:center;
	margin:50px auto 0 auto;
	border-bottom:2px solid #fff;
	padding-bottom:4px;
}

.lucky2019_date span{
	font-size:25px;
	font-weight:bold;
}

.lucky2019_date2{
	font-size:18px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	border:2px solid #fff;
	padding:4px;
	width:90%;
	max-width:250px;
	margin:0 auto 10px auto;
}

}

/*===============================================
●style.css 画面の横幅が768px以下
===============================================*/
@media ( max-width : 768px ) {

.sp_none{display:none;}


.sp_qa_kamologo{
	background:#000;
	text-align:center;}

.sp_qa_kamologo img{
	width:30%;
	margin:0 auto;}

.sp_qa_navi{
	margin:0 auto;
	padding:0;
	text-align:center;
	width:100%;
	background:#000;
	}

ul.sp_qa_navilist{
	list-style-type:none;
	margin:0 auto;
	padding:0;
	width:100%;
	background:#000;
	text-align:center;
	}

ul.sp_qa_navilist li{
	float:left;
	margin:0;
	padding:0;
	background:#000;
	width:19.9%;
	text-align:center;}
	
ul.sp_qa_navilist li div{
	border-top:1px solid #666;
	border-right:1px solid #666;
	background:#000;
	margin:0;
	padding:0;}

ul.sp_qa_navilist li a{
	color:#ccc;
	text-decoration:none;
	font-size:10px;
	display:block;
	padding:8px 0;
	text-align:center;
}




ul.qa_footerlist{
	list-style-type:none;
	margin:0 auto;
	paddding:0;
	}

ul.qa_footerlist li{
	float:left;
	margin:0 auto;
	padding:0;
	width:50%;
	text-align:center;
	font-size:10px;
	background:#eee;
	}

ul.qa_footerlist li a{
	display:block;
	padding:8px;
	color:#666;
	text-decoration:none;
	text-align:center;
	}

ul.qa_footerlist li div{
	border-right:1px solid #fff;
	border-top:1px solid #fff;
	}


ul.qa_footerlist li img{
	width:98%;
	margin:5px auto;	
	}
	
.qa_footer-copyright{
	background:#333;
	color:#fff;
	font-size:9px;
	text-align:center;
	padding:7px;}

ul.qa_sns{
	list-style-type:none;
	margin:0 auto;
	paddding:0;
	}

ul.qa_sns li{
	float:left;
	margin:0 auto;
	padding:0;
	width:33%;
	text-align:center;
	}

ul.qa_sns li img{
	width:98%;
	margin:5px auto;	
	}


.lucky2019_bk{
	background-image:url(/special/lucky2019/img/luckybag2019_mainbk.jpg);
	background-position:center top;
	text-align:center;
	background-color:#000;
/*	background-size:100%;*/
	background-repeat:repeat;
	padding-bottom:30px;}

.lucky2019_main{
	text-align:center;
	width:100%;}

.lucky2019_main img{
	width:100%;
	max-width:1100px;
	margin:0 auto;}

.lucky2019_toptxt{
	font-size:21px;
	color:#fff;
	text-align:center;
	font-weight:normal;
	padding-top:20px;
	margin:20px auto 20px auto;
	width:91%;
	max-width:900px;}

.lucky2019_toptxt span{
	display:block;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
	font-size:22px;}

.lucky2019_toptxts{
	font-size:16px;
	color:#fff;
	text-align:left;
	font-weight:normal;
	padding:0;
	margin:10px auto;
	width:90%;
	max-width:850px;}

.lucky2019_toptxts span{
	font-weight:bold;
	color:#f5e994;
	font-size:15px;}
	

.lucky2019_toptxts2{
	font-size:16px;
	color:#fff;
	text-align:left;
	font-weight:normal;
	padding:0;
	margin:10px auto;
	width:100%;
	max-width:850px;}

.lucky2019_toptxts2 span{
	font-weight:bold;
	color:#f5e994;
	font-size:15px;}

ul.lucky2019_itemlist{
	list-style-type:none;
	margin:0 auto;
	padding:0;
	text-align:center;
	width:90%;
	max-width:800px;}

ul.lucky2019_itemlist li{
	float:left;
	margin:30px auto 20px auto;
	padding:0;
	text-align:center;
	width:100%;}

ul.lucky2019_itemlist li img{
	width:100%;}

ul.lucky2019_itemlist a:hover{
	opacity: 0.7;
	 filter: alpha(opacity=70);
	 -ms-filter: "alpha(opacity=70)";}
	 
.lucky2019_attention{
	font-size:18px;
	color:#f5e994;
	font-weight:bold;
	margin:0 auto;
	padding-bottom:50px;
	text-align:center;
	width:90%;}

.lucky2019_qabk{
	background:#f7e067;}

.lucky2019_qattl{
	font-size:30px;
	color:#222;
	font-weight:bold;
	margin:0 auto;
	text-align:center;
	padding-top:40px;}

.lucky2019_qattl span{
	font-size:12px;
	display:block;
	margin:0 auto;
	text-align:center;}

.lucky2019_qawidth{
	width:95%;
	margin:0 auto;
	max-width:1000px;}

.lucky2019_qa{
	width:95%;
	margin:0 auto;
	padding-bottom:50px;}
	
.lucky2019_q{
	color:#e91726;
	font-weight:bold;
	font-size:15px;
	margin-top:30px;}

.lucky2019_a{
	color:#222;
	font-weight:normal;
	font-size:14px;
	margin:5px 0 20px 0;
	padding-bottom:7px;
	border-bottom:1px solid #e91726;}

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

.lucky2019_jrttl img{
	margin:0 auto;
	padding:0;
	text-align:center;
	width:100%;
	max-width:900px;
}


.sp_qa_footertop a{
	background:#333;
	display:block;
	padding:10px;
	font-size:13px;
	color:#fff;
	text-decoration:none;
	text-align:center;}


.lucky2019_txtline{
	border-bottom:3px solid #fff;
	font-size:20px;
	font-weight:bold;
	width:85%;
	max-width:600px;
	margin:0 auto 30px auto;
	text-align:center;
	line-height:150%;
	padding-bottom:3px;
}
.lucky2019_txtline span{
	font-size:20px;
	font-weight:bold;
	text-align:center;
	display:block;
	color:#fff;
}

.lucky2019_saihan{
	width:90%;
	max-width:800px;
	color:#fff;
	margin:0 auto;
}

.lucky2019_saihanttl{
	font-size:25px;
	color:#ffd664;
	margin:40px auto 0 auto;
	font-weight:bold;
	text-align:center;
	padding-bottom:10px;
	border-bottom:2px solid #fff;
	line-height:130%;
	letter-spacing:0;
}

.lucky2019_saihanttl span{
	display:block;
	font-size:26px;
	color:#ffd664;
	margin:0 auto;
	font-weight:bold;
	text-align:center;
	line-height:130%;
	letter-spacing:0;
}

.lucky2019_saihanttl div{
	display:block;
	font-size:20px;
	color:#fff;
	margin:0 auto 3px auto;
	font-weight:bold;
	text-align:center;
	line-height:160%;
	letter-spacing:0;
}

.lucky2019_saihantxt{
	margin:15px auto 20px auto;
	font-size:16px;
	color:#fff;
	text-align:left;
}

.lucky2019_saihanline{
	border-top:3px solid #eee;
}

.lucky2019_date{
	font-size:20px;
	color:#fff;
	font-weight:bold;
	width:95%;
	max-width:700px;
	text-align:center;
	margin:30px auto 0 auto;
	border-bottom:2px solid #fff;
	padding-bottom:4px;
}

.lucky2019_date span{
	font-size:13px;
	font-weight:bold;
}


.lucky2019_date2{
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	border:2px solid #fff;
	padding:4px;
	width:90%;
	max-width:200px;
	margin:0 auto 10px auto;
}

}



@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);