@charset "utf-8";
/* ------------------------------------------------------------ common */

/* ------------------------------------------------------------ header */
#header { padding: 20px; }

/* ------------------------------------------------------------ fv */
#fv { background: url(../images/fv.jpg) no-repeat center bottom; background-size: cover; padding: 0 0 90px; }
#fv h2 { text-align: center; }

/* ------------------------------------------------------------ bgbox */
#bgbox { background: #efb59b; padding: 0 0 30px; }
#bgbox .winningbox { background: url(../images/winning/text_00.png) no-repeat center top #fff; width: 939px; margin: 0 auto; padding: 160px 0 0; }
#bgbox .winningbox .numberbox { width: 600px; margin: 0 auto; color: #3a3738; }
#bgbox .winningbox .numberbox .number { padding: 0 0 10px; font-size: 16px; font-family: 'Noto-Sans-JP-Bold'; }
#bgbox .winningbox .numberbox ul { margin: 0 0 0 -21px; }
#bgbox .winningbox .numberbox ul li { box-sizing: border-box; -webkit-box-sizing: border-box; width: 186px; margin: 0 0 21px 21px; padding: 20px 0 16px; border: 6px solid #f8e66a; float: left; font-size: 42px; line-height: 100%; 
text-align: center; font-family: 'Helvetica','Helvetica Neue','Avenir','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'; }
#bgbox .winningbox .numberbox .giftbtn { text-align: center; padding: 25px 0 30px; }
#bgbox .winningbox .caution { box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #000; width: 750px; margin: 13px auto 20px; padding: 20px; font-size: 14px; line-height: 100%; color: #3a3738; 
font-family: 'Noto-Sans-JP-Light';}
#bgbox .winningbox .caution span { display: block; padding: 10px 0 0; font-size: 12px; line-height: 150%; }
#bgbox .winningbox .congratulations {}
#bgbox #footer { width: 865px; margin: 0 auto; padding: 30px 0 0; }
#bgbox #footer .catch { padding: 0; color: #fff; font-size: 26px; font-family: 'Noto-Sans-JP-Medium'; line-height: 100%; letter-spacing: 2px; text-align: center; }
#bgbox #footer .catch span { display: block; padding: 10px 0 0; font-size: 14px; font-family: 'Noto-Sans-JP-Regular'; line-height: 150%; letter-spacing: normal; }

/* ------------------------------------------------------------ footer */
#wrapper address { font-size: 14px; font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic Pro","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif; 
color: #3c3a3a; text-align: center; line-height: 100%; padding: 30px 0; }





/* ------------------------------------------------------------------------------------------------ mobile --------------------------------------------------------------------------------  */
@media only screen and (max-width:640px){

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

/* ------------------------------------------------------------ header */
#header { padding: 2% 3% 3%; }
#header .logo img { width: 120px; height: auto; }

/* ------------------------------------------------------------ fv */
#fv { background: none; padding: 0; }
#fv h2 { text-align: center; }
#fv h2 img { width: 100%; height: auto; }

/* ------------------------------------------------------------ bgbox */
#bgbox { padding: 0 3% 6%; }
#bgbox .winningbox { background-size: 140%; width: 100%; margin: 0 auto; padding: 25% 0 0; }
#bgbox .winningbox .numberbox { box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; padding: 0 6%; }
#bgbox .winningbox .numberbox .number { padding: 0 0 3%; font-size: 16px; }
#bgbox .winningbox .numberbox ul { margin: 0 0 0 -3%; }
#bgbox .winningbox .numberbox ul li { width: 47%; margin: 0 0 3% 3%; padding: 9px 0 11px; border: 4px solid #f8e66a; font-size: 27px; }
#bgbox .winningbox .numberbox .giftbtn { padding: 10px 0 0; }
#bgbox .winningbox .numberbox .giftbtn img { width: 200px; height: auto; }
#bgbox .winningbox .caution { width: 88%; margin: 6% auto; padding: 15px; font-size: 14px; line-height: 150%; }
#bgbox .winningbox .caution span { display: block; padding: 5px 0 0; font-size: 12px; line-height: 150%; }
#bgbox .winningbox .congratulations img { width: 100%; height: auto; }

#bgbox #footer { box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; margin: 0 auto; padding: 6% 3% 0; }
#bgbox #footer .catch { padding: 0; font-size: 18px; line-height: 140%; }
#bgbox #footer .catch span { padding: 8px 0 0; font-size: 12px; line-height: 150%; }

/* ------------------------------------------------------------ footer */
#wrapper address { font-size: 10px; line-height: 150%; padding: 3% 0; }

}