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

/*------------------------------------------------------------
	2021/1/28作成
------------------------------------------------------------*/

/*-----common------*/

div:after{
	content: " ";  
	display: block; 
	visibility: hidden; 
	clear: both; 
	height: 0.1px; 
	font-size: 0.1em;
	line-height: 0; 
}

body{
	-webkit-text-size-adjust: 1em;
	color: black;
	background: #e60012;
	font-family: "ヒラギノ角ゴ Pro W3","メイリオ",Osaka,"ＭＳ Ｐゴシック",sans-serif,Arial,Helvetica,verdana;
}

#wrapper{
	margin: 0 auto;
	width: 100%;
	height: auto;
}

#content{
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	position:relative;
}

.in_contents{
	width: 84.21%;
	height: auto;
	max-width: 1280px;
	margin: 0 auto;
	position:relative;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

header, nav, section, article, hgroup {
    display: block;
}

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

a {
	outline: none;
	font-size: 0;
}

.in_contents a:hover{
	filter:brightness(120%);
	opacity:0.8;
}

a {
    display: block;
}

img {
	vertical-align:bottom;
	border: 0;
	font-size: 0;/*-inline-block隙間対応-*/
	width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;/*-画像ボケ防止-*/

}

*:focus {/*-chrome画像フォーカス時の線を消す-*/
  outline: none;
}

/* パソコン画像表示 */
.pc { display: inline !important; }
.sp { display: none !important; }

/*-----トップ------*/

#top_bar{
	width: 100%;
	background: white;
	text-align: left;
}

#top_bar img{
	width: 23%;
	height: auto;
	max-width: 340px;
	margin: 10px;
}

#top_img{
	width: 100%;
	height: auto;
	text-align: center;
	position: relative;
}

#top_img h1{
    max-width: 2800px;
    margin: 0 auto;
    padding: 0;
}

#lottery{
	position: absolute;
	bottom: 1.5%;
	width: 72.76%;
	max-width: 1107px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

/*-----上部バナー------*/

#top_bnr{
	width: 89.38%;
	margin: 2% auto 0;
}

#top_bnr li{
	margin-bottom: 2%;
}

#top_bnr .bnr_01{
	float: left;
	vertical-align: top;
	padding-left: 2%;
}

#top_bnr .bnr_01 img{
	width: 542px;
}

#top_bnr .bnr_01:nth-child(2){
	float: right;
	padding-left: 0;
	padding-right: 2%;
}

#top_bnr li:last-child{
	width: 1100px;
	margin: 0 auto;
}

/*-----フェア------*/

#pricecar h2{
	width: 84.21%;
	height: auto;
	max-width: 1280px;
	margin: -1% auto 0.5%;
}

#pricecar li{
	margin-bottom: 4.7%;
}

#pricecar .note{
	margin-top: -3%;
}

/*-----footer------*/

#f_btn{
	width: 100%;
	margin: 0 auto;
}

#f_btn li{
	display:inline-block;
	width: 30.1%;
	margin: 7% 3.5% 7% 0;
}

#f_btn li:last-child{
	margin-right: 0;
}

#f_btn .hp_btn{
	width: 44.2%;
	margin: 0 AUTO 7%;
}

#f_btn a:hover{
	opacity:0.8;
	filter:brightness(120%);
}