@import url('./bootstrap.min.css');

@charset "utf-8";

body {
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif;
}

.container {
    width: 1000px;
    margin: 0 auto;
    padding: 0;
    background-color: #ffffff;
}

h1,
h2,
p {
    text-align: center;
    margin: 0 auto;
    padding: 0;
}

.header p {
    text-align: center;
    margin: 0;
    padding: 0;
}

#main {
    width: 1000px;
    margin: 0 auto;
    padding: 0 0 0 0;
    background-color: #FFFFFF;
    border: solid 1px #fcd2ef;
    box-sizing: border-box;
}

.title{
    margin-bottom: 25px;
}

.first-shot{
    position: absolute;
    z-index: 0;
}

#movie {
    position: relative;
    padding-top: 49px;
    padding-bottom: 24px;
    text-align: center;
    z-index: 10;
}

#contents{
    padding-bottom: 49px;
}

.info{
    width: 710px;
    margin: 0 auto;
}

.oubo_btn {
    position: relative;
    margin: 26px auto 36px;
    z-index: 10;
}

#footer {
    width: 1000px;
    margin: 0 auto;
    padding: 0;
    background-color: #000000;
}

.error-message {
    display: block;
}

.campaign-end{
    position: relative;
    z-index: 10;
    text-align:center;
    margin: 40px;
    color: #ee2539;
}

#footer{
    position: relative;
}

.official-link{
    position: absolute;
    right: 40px;
    bottom: 40px;
}

.official-link:hover{
    opacity: .8;
}