body {background: #000;}

body embed {
	 visibility: hidden;
	 height: 0;
}

.openingTitle {
    height: 100vh;
    max-width: 1200px;
    margin: 0 auto;
    background: url(https://comet.noonspace.com/w61NoonSpace/event/MsgInfo/tvBG.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.openingTitle .meMsg_MsgBlk center.AlignCenter{
    padding-top: calc((100vh - 800px)/2);
}

.openingTitle .meMsg_MsgBlk img {
    width: 100%;
    padding: 0 200px;
    box-sizing: border-box;
}

.prologue1 .meMsg_MsgBlk .meMsg_Content {
    color: #fff;
    font-size: 25px;
    line-height: 200%;
    font-weight: bold;
    padding-top: calc((100vh - 280px)/2);
}
.prologue1 center.AlignCenterB {
    margin-top: 100px;
}

.prologue1 .meMsg_MsgContent {
    margin-top: 100px;
    margin: 0 auto;
    text-align: center;
    padding-top: calc((100vh - 460px)/2);
}
.prologue1 {
    background: url(https://comet.noonspace.com/w61NoonSpace/event/MsgInfo/rainingbackground_B.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.prologue1 .meMsg_MsgContentBlk {
    display: inline-block;
}

.listMsgAdv {
    width: 60px;
    text-align: center;
    margin: 50px auto;
}



.character {
    background: url(https://comet.noonspace.com/w61NoonSpace/event/MsgInfo/tvBG.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.character .meMsg_MsgBlk .meMsg_MsgTitle {
    font-size: 40px;
    color: #fff;
    font-weight: 900;
    margin-top: 100px;
    display: block;
    margin-bottom: 30px;
}
.character .meMsg_MsgMainTd {
    padding-top: calc((100vh - 800px)/2);
}
.character .meMsg_MsgContentBlk .meMsg_Content {
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-top: 30px;
    line-height: 175%;
}
.character center.AlignCenterB {
    margin-top: 30px;
}
.character .meMsg_MsgBlk center.AlignCenterB img {
    width: 350px;
}

.character .meMsg_MsgBlk img {
    padding: 0;
}




.instructions {
    background: url(https://comet.noonspace.com/w61NoonSpace/event/MsgInfo/rainingbackground_B.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.instructions .meMsg_MsgTitleBlk .meMsg_MsgTitle {
    font-size: 40px;
    color: #fff;
    font-weight: 900;
    margin-top: 100px;
    display: block;
    margin-bottom: 30px;
}

.instructions .meMsg_MsgMainTd {
    padding-top: calc((100vh - 800px)/2);
}

.instructions .meMsg_MsgMain {
    margin: 0 auto;
    text-align: center;
}
.instructions .meMsg_MsgBlk {
    width: 484px;
    display: inline-block;
margin-top: 50px;
}
.instructions .meMsg_MsgBlkZ {
    display: none;
}
.instructions .meMsg_MsgContent {
    width: 484px;
    display: inline-block;
    background: #ffffffb5;
    padding: 20px;
    box-sizing: border-box;
    vertical-align: top;
    height: 324px;
margin-top: 50px;
}
.instructions .meMsg_MsgContentBlk .meMsg_MsgTitle {
    color: #333333;
    font-weight: 400;
    font-size: 22px;
    font-weight: bold;
    line-height: 119%;
    padding-left: 174px;
    display: block;
    padding-top: 8px;
}
.instructions .meMsg_MsgContentBlk {
    padding-left: 30px;
    padding-top: 9px;
}

.instructions .meMsg_MsgListBlk {
    margin-top: 80px;
}

.instructions  .meMsg_MsgBlk img {
    padding: 0;
}

.defendItems .meMsg_MsgBlk .meMsg_MsgTitle {
    color: #fff;
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 30px;
    display: block;
margin-top: 30px;
}

.listDivList {
    margin: 0 auto;
    text-align: center;
    max-width: 1200px;
}
.listDivList .itemDivList {
    width: 33.3%;
    display: inline-block;
    vertical-align: top;
}
.product1 {background: #A8D1AA;    height: 1014px;}
.product2 {background: #EA9FB0;    height: 1014px;}
.product3 {
    background: #88C8D4;
    height: 1014px;
}


.product1 .meMsg_MsgBlk img, .product2 .meMsg_MsgBlk img, .product3 .meMsg_MsgBlk img {
    width: 70px;
    text-align: center;
    margin: 0 auto 30px;
    height: 70px;
    object-fit: contain;
}

.product1 .meMsg_MsgTitle img, .product2 .meMsg_MsgTitle img, .product3 .meMsg_MsgTitle img {
    width: 150px;
    height: 200px;
    object-fit: contain;
object-position: bottom;
}




.product1 .MsgListBlk_2 img, .product1 .MsgListBlk_4 img, .product1 .MsgListBlk_5 img {
    width: 95px;
    object-position: bottom;
}




.product1 .meMsg_MsgTitle, .product2 .meMsg_MsgTitle, .product3 .meMsg_MsgTitle {
    width: 41%;
    display: inline-block;
    margin: 0 2%;

}

.product1 .meMsg_MsgBlk .meMsg_MsgTitle, .product2 .meMsg_MsgBlk .meMsg_MsgTitle, .product3 .meMsg_MsgBlk .meMsg_MsgTitle {
    margin-top: 30px;
}
.product1 .meMsg_MsgBlk .meMsg_MsgSubTitle, .product2 .meMsg_MsgBlk .meMsg_MsgSubTitle, .product3 .meMsg_MsgBlk .meMsg_MsgSubTitle {
    font-weight: 800;
    font-size: 25px;
    display: block;
    margin-bottom: 20px;
}

.product1 .itemMsgList .meMsg_ItemTitle, .product2 .itemMsgList .meMsg_ItemTitle, .product3 .itemMsgList .meMsg_ItemTitle {
    display: block;
    margin-top: 10px;
    margin-bottom: 30px;
}

.playButton {
    margin-top: 50px;
    margin-bottom: 50px;
}





/*=========================================*/
@media (max-width:700px){
div#ns_Menu {
    display: none;
}
.openingTitle {
    height: 100vh;
}
.openingTitle {
    background-size: 100% 100%;
}
.openingTitle .meMsg_MsgBlk img {
    padding: 0 20px;
}
.openingTitle .meMsg_MsgBlk center.AlignCenter {
    padding-top: calc((100vh - 400px)/2);
}
.prologue1 {
    background-size: cover;
}
.prologue1 .meMsg_MsgBlk .meMsg_Content {
    padding-top: calc((100vh - 280px)/2);
}

.prologue1 center.AlignCenterB {
    margin-top: calc((100vh - 350px)/2);
}
.prologue1 .meMsg_MsgContentBlk {
    display: inline-block;
    width: 100%;
}
.prologue1 .meMsg_MsgContentBlk img {
    width: 80%;
}
.prologue1 .meMsg_MsgContent {
    margin-top: 0px;
    padding-top: calc((100vh - 650px)/2);
}
.character {
    background-size: cover;
}
.character .meMsg_MsgMainTd {
    padding-top: calc((100vh - 500px)/2);
}
.character .meMsg_MsgBlk center.AlignCenterB img {
    width: 250px;
}
.character .meMsg_MsgBlk .meMsg_MsgTitle {
    margin-top: 0px;
}
.instructions .meMsg_MsgMainTd {
    padding-top: 0;
}

.instructions {
    background-size: cover;
    height: 100vh;
}
.instructions .meMsg_MsgBlk {
    width: 100%;
    display: block;
    margin: 20px auto 0;
    max-width: 80%;
    text-align: center;
}
.instructions .meMsg_MsgContent {
    width: 100%;
    display: block;
    height: auto;
    margin-top: 0;
    padding-bottom: 40px;
    transform: scale(0.8);
    transform-origin: top center;
}
.instructions .meMsg_MsgTitleBlk .meMsg_MsgTitle {margin-top: 30px;}
.instructions .meMsg_MsgContentBlk .meMsg_MsgTitle {font-size: 18px;}

.instructions .meMsg_MsgListBlk {
    margin-top: -35px;
    margin-bottom: 30px;
}
.listDivList .itemDivList {
    width: 100%;
    display: block;
    vertical-align: top;
}
.instructions .meMsg_MsgBlk img {
    padding: 0;
}
.instructions .meMsg_MsgContentBlk {
    padding-left: 0;
    padding-top: 0;
}

.defendItems .meMsg_MsgBlk .meMsg_MsgTitle {
    margin-top: 30px;
}
.product1 .meMsg_MsgTitle, .product2 .meMsg_MsgTitle, .product3 .meMsg_MsgTitle {
    width: 25%;
    margin: 0 3%;
}
.product1, .product2, .product3 {
    height: auto;
}
.product1 .meMsg_MsgTitle img, .product2 .meMsg_MsgTitle img, .product3 .meMsg_MsgTitle img {
    width: 100%;
    height: 200px;
    object-fit: contain;
}

.product1 .MsgListBlk_2 img, .product1 .MsgListBlk_4 img, .product1 .MsgListBlk_5 img {
    width: 95px;
    object-position: bottom;
}

}


@media  (max-height:750px) and (orientation: landscape)  {
.openingTitle {
    height: 100vh;
    max-width: 600px;
}
.openingTitle .meMsg_MsgBlk center.AlignCenter {
    padding-top: calc((100vh - 435px)/2);
}
.openingTitle .meMsg_MsgBlk img {
    padding: 0 100px;
}

.prologue1 .meMsg_MsgContent {
    padding-top: calc((100vh - 300px)/2);
}
.prologue1 img.ImgAlignCenter {
    height: 200px;
}
.character {
    background-size: 100% 100%;
}
.character .meMsg_MsgBlk .meMsg_MsgTitle {
    font-size: 40px;
    color: #fff;
    font-weight: 900;
    margin-top: 0;
    display: block;
    margin-bottom: 30px;
    padding-top: calc((100vh - 400px)/2);
}
.instructions .meMsg_MsgBlk img {
    padding: 0 0px;
}
.instructions .meMsg_MsgBlk {
    width: 300px;
    margin-top: 0;
}
.instructions .meMsg_MsgContent {
    width: 600px;
    display: block;
    background: #ffffffb5;
    padding: 10px 20px 10px 76px;
    box-sizing: border-box;
    vertical-align: top;
    height: auto;
    margin: 0 auto;
}
.instructions .meMsg_MsgContentBlk {
    padding-left: 30px;
    padding-top: 0px;
}
.instructions {
    background-size: cover;
    height: auto;
}
.instructions .meMsg_MsgTitleBlk .meMsg_MsgTitle {
    margin-top: 25px;
}
.instructions .meMsg_MsgContentBlk .meMsg_MsgTitle {
    font-size: 20px;
    padding-top: 0;
}
.instructions .meMsg_MsgListBlk {
    margin-top: 20px;
}
.defendItems .meMsg_MsgBlk .meMsg_MsgTitle {
    margin-top: 30px;
}



}