/* ==========================================================================
   Costume
   ========================================================================== */

body {
    background-image: url(../images/common/bg-yellow.png);
    background-repeat: repeat;
    background-attachment: fixed;
}

h1 {
    background-image: url(../images/costume/title-costume.png);
    background-repeat: no-repeat;
    background-size: 197px 130px;
    width: 197px;
    height: 140px;
    margin: 10px auto;
    text-indent: -9999px;
}

#Visual {
    margin: auto;
    background-image: url(../images/costume/image-main.png);
    background-repeat: no-repeat;
    background-size: 303px 258px;
    width: 303px;
    height: 258px;
}

#Visual .description {
    text-indent: -9999px;
}


h2 {
    background-image:  url(../images/costume/title-sub.png);
    background-repeat: no-repeat;
    background-size: 320px 64px;
    width: 320px;
    height: 64px;
    margin: 40px auto 20px;
    text-indent: -9999px;
}

#Panel {
    display: block;
    margin: auto;
    width: 306px;
    padding-left: 6px;
}

#Panel li {
    display: block;
    float: left;
    width: 150px;
    height: 150px;
    margin: 0 3px 3px 0;
}

#Event_Information {
    display: block;
    margin: auto;
    padding: 25px 0px 0px 0px;
    width: 303px;
}

#Event_Information .title_event_information {
    margin: 0;
    padding: 36px 0px 0px 0px;
    background-image: url(../images/costume/bg_information_top.png);
    background-repeat: no-repeat;
    background-size: 303px 107px;
    width: 100%;
}

#Event_Information .title_event_information h3 {
    margin: 0px 0px 0px 20px;
}

#Event_Information .title_event_information p {
    margin: 0px 23px 0px 0px;
    text-align:right;
}

#Event_Information ul {
    margin: 0;
    background-image: url(../images/costume/bg_information_repeat.png);
    background-repeat: repeat-y;
    background-size: 303px auto;
    padding-top:13px;
}

#Event_Information .event_bg_bottom {
    margin: -2px 0px 0px 0px;
    background-image: url(../images/costume/bg_information_bottom.png);
    background-repeat: no-repeat;
    background-size: 303px 19px;
    width: 100%;
    height:26px;
}

#Event_Information li {
    font-size: 0.75rem;
    line-height:1.5;
    padding: 0;
    margin: 0px 20px 0px 20px;
    border-bottom: #e0e0e0 1px solid;
}

#Event_Information li:last-child {
    border-bottom: none;
}

#Event_Information li a {
    display: block;
    padding: 15px 0px 15px 0px;
}

#Event_Information li a,
#Event_Information li a:hover {
    text-decoration:none;
    color: #000;
}

#Event_Information li .event_date {
    background-image: url(../images/costume/icon_arrow.png);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: 0px 3px;
    margin: 0;
    padding-left: 1.5em;
}

#Event_Information li .event_date span.new{
    color: white;
    background: red;
    padding: 1px 5px;
    margin-right: 0.5em;
    font-weight: bold;
    border-radius: 4px;

}
#Event_Information li .event_title {
    margin: 5px 0px 0px 0px;
    width:100%;
    word-wrap:break-word;
}

/* ---------- */

#amiibo_playerchange { overflow: hidden; position: relative; width: 740px; height: 250px; }
#panel_contents { position: absolute; overflow: hidden; width: 740px; height: 196px; top: 5px; left: 5px; }
#panel_mario { position: absolute; overflow: hidden; background: url("../images/costume/amiibo_detail_mario.png") no-repeat; top: 72px; left: 323px; width: 114px; height: 124px; }
#panel_mario.simple { left: 95px !important; }
#panel_mushroom { position: absolute; overflow: hidden; visibility: hidden; background: url("../images/costume/amiibo_detail_kinoko.png") no-repeat; top: 94px; left: -200px; width: 114px; height: 96px; }
#panel_mushroom.simple { visibility: visible !important; left: 305px !important; }
#panel_point { position: absolute; background: url("../images/costume/amiibo_detail_point.png") no-repeat; overflow: hidden; left: 329px; width: 84px; height: 46px; }
#panel_chr { position: absolute; overflow: hidden; background: url("../images/costume/amiibo_detail.png") no-repeat; top: 52px; left: 293px; width: 144px; height: 144px; }
#panel_chr.simple { left: 496px !important; }
#panel_plus { position: absolute; overflow: hidden; background: url("../images/costume/amiibo_detail_operator.png") no-repeat; top: 111px; left: 216px; width: 60px; height: 60px; }
#panel_equal { position: absolute; overflow: hidden; background: url("../images/costume/amiibo_detail_operator.png") no-repeat; top: 111px; left: 428px; width: 60px; height: 60px; background-position: -60px 0; }

#amiibo_playerchange {
    -moz-transform-origin: 0 30px;
    -webkit-transform-origin: 0 30px;
    transform-origin: 0 30px;
    -moz-transform: scaleX(0.405) scaleY(0.405);
    -webkit-transform: scaleX(0.405) scaleY(0.405);
    transform: scaleX(0.405) scaleY(0.405);
}