/*main css*/


/*font for JP*/

@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
#JP_SNS_NOV,
#JP_SNS_NOV_container {
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, Roboto, sans-serif;
}

body {
    background: #000 url(https://asset.msi.com/event/vga/2016/JP_SNS_campaig/images/bg.jpg) center 0 no-repeat;
    background-size: 100%;
}

.title {
    background: url(https://asset.msi.com/event/vga/2016/JP_SNS_campaig/images/titleBg.png)center 0 no-repeat;
    color: #ffffff;
    font-size: 1.5em;
    line-height: 2.1em;
    font-weight: bold;
}

#JP_SNS_NOV .bannerLeft {
    float: left;
    width: 33%;
    padding-bottom: 35%;
    background: url(https://asset.msi.com/event/vga/2016/JP_SNS_campaig/images/bannerLeft.png)right bottom no-repeat;
    background-size: 75%;
}

#JP_SNS_NOV .mainTitle {
    float: left;
    width: 34%;
    background: url(https://asset.msi.com/event/vga/2016/JP_SNS_campaig/images/title.png)center 20% no-repeat;
    background-size: 80%;
}

#JP_SNS_NOV .mainTitle .h3 {
    padding-top: 81%;
}

.eventDate {
}

.date {
    width: 100%;
    padding-bottom: 3%;
    background: url(https://asset.msi.com/event/vga/2016/JP_SNS_campaig/images/dateImg.png)center bottom no-repeat;
    background-size: 45%;
}

#JP_SNS_NOV .bannerRight {
    float: left;
    width: 33%;
    padding-bottom: 35%;
    background: url(https://asset.msi.com/event/vga/2016/JP_SNS_campaig/images/bannerRight.png)left bottom no-repeat;
    background-size: 75%;
}

.mail .numTitle {
    color: #42b000;
}

.mail ul {
    padding: 5% 5% 5% 9%;
    border: #42b000 1px solid;
}

.mail ul li,
.notice ul li {
    font-size: 0.8em;
    line-height: 2.0em;
    color: #eee;
    letter-spacing: 0.05em;
}

.notice ul li {
    list-style: none;
}

#JP_SNS_NOV_footer {
    width: 100%;
    margin-top: 4%;
    padding-bottom: 1%;
    background-color: #f00;
    color: #fff;
}