/*====================
HEADER
====================*/

header {
    position: relative;
    margin-bottom: 32px;
}

.header_title,
.header_main,
.header_h1,
.header_presents,
.sns_share {
    position: absolute;
}

.header_title {
    /*2017.3.2 Blu-ray＆DVDリリース レンタル同時開始*/
    top: 0;
    left: 0;
}

.header_main {
    background: url(../img/top/main.png) no-repeat right;
    width: 100%;
    height: 491px;
    position: relative;
    z-index: 2;
}

.header_h1 {
    /*「麗〈レイ〉」レンタルDVDジャケット花萌ゆるRTキャンペーン*/
    top: 229px;
    left: 35px;
    z-index: 3;
}

.header_presents {
    /*イ・ジュンギ＆IUほか豪華キャストの直筆サイン入りグッズ等が当たる！*/
    top: 132px;
    left: 230px;
    z-index: 1;
}

.sns_share {
    z-index: 9999;
    bottom: 20px;
    left: 130px;
}

.sns_share_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    margin: 10px 0 10px 0;
}

.sns_share_wrap li {
    margin-right: 8px;
    line-height: 0;
}

.sns_share_wrap li:last-of-type {
    margin-right: 0px;
}

.sns_share .sns_share_border {
    width: 100%;
    height: 2px;
    background-color: white;
    box-shadow: 0px 0px 5px 1px rgba(223, 137, 165, 0.7);
}


/*====================
MAIN
====================*/


/*MAIN > セクション1----------*/

.section_1 p {
    text-align: center;
    font-weight: bold;
    line-height: 34px;
    line-height: 3.4rem;
}


/*MAIN > セクション2----------*/

.section_2 {
    margin-bottom: 16px;
}

.section_2 ul {
    width: 940px;
    margin: 16px auto 0 auto;
}


/*MAIN > セクション2 > フレーム内----------*/

.section_2 ul dl dt {
    text-align: center;
    margin: -24px auto 16px auto;
    position: relative;
    width: 856px;
}

.section_2 ul dl dt p {
    font-size: 14px;
    font-size: 1.4rem;
}

.section_2 ul dl dt p img {
    position: absolute;
    right: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.section_2 ul dl dd ul {
    width: 856px;
    margin: 0 auto 16px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
}

.section_2 ul dl dd ul:last-of-type {
    margin: 0 auto 0 auto;
}

.section_2 ul dl dd ul li {
    width: 136px;
    margin-right: 8px;
}

.section_2 ul dl dd ul li:last-of-type {
    margin-right: 0px;
}

.section_2 ul dl dd ul li a {
    text-decoration: none;
}

.section_2 ul dl dd ul li a img {
    width: 100%;
    display: block;
    box-shadow: 0px 0px 8px 1px rgba(168, 121, 138, 0.4);
}

.section_2 ul dl dd ul li p {
    width: 136px;
    margin: 4px auto 0 auto;
    text-align: center;
    background: url(../img/jk/btn_bg.jpg) no-repeat;
    color: white;
    font-weight: bold;
    position: relative;
}

.section_2 ul dl dd ul li p::after{
    content: "終了しました";
    background-color: rgba(255,255,255,0.6);
    width: 136px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: black;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 2px;
}


/*MAIN > セクション3、セクション4----------*/

.section_3,
.section_4 {
    width: 920px;
    margin: 0 auto 40px auto;
}

.section_3 h2,
.section_4 h2 {
    border-left: 7px solid #d6b438;
    padding-left: 8px;
    margin-bottom: 16px;
    color: #846c04;
    font-size: 20px;
    font-size: 2rem;
}

.section_3 p {
    font-size: 1.2em;
}


/*MAIN > セクション5----------*/

.section_5 {
    margin: 0 auto 16px auto;
}

.section_5 h2 {
    border-left: 7px solid #d6b438;
    padding-left: 8px;
    margin: 0 auto 16px auto;
    color: #846c04;
    font-size: 20px;
    font-size: 2rem;
}

.section_5 ul {
    width: 940px;
    margin: 16px auto 0 auto;
}


/*MAIN > セクション5 > フレーム内----------*/


/*MAIN > セクション5 > フレーム内 > 共通事項----------*/

.section_5 ul dl {
    margin-bottom: 32px;
}

.section_5 ul dl:last-of-type {
    margin-bottom: 0;
}

.section_5 ul dl dt {
    text-align: center;
    margin-bottom: 16px;
}

.section_5 ul dl dd {
    /*positionとheightは画像の一番下を揃えるため*/
    /*heightは賞ごとに違うのでそれぞれで指定*/
    position: relative;
}

.section_5 ul dl dd:last-of-type {
    margin-right: 0;
}

.section_5 ul dl dd img {
    display: block;
    margin: 0 auto;
}

.section_5 ul dl dd img:first-of-type {
    margin-bottom: 8px;
}

.section_5 ul dl dd img:last-of-type {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}


/*MAIN > セクション5 > フレーム内 > A賞----------*/

.section_5 ul dl.present_a {
    margin-right: 16px;
}

.section_5 ul dl.present_a dd {
    margin-right: 8px;
    height: 279px;
}


/*MAIN > セクション5 > フレーム内 > B賞----------*/

.section_5 ul dl.present_b dd {
    margin-right: 8px;
    height: 279px;
}


/*MAIN > セクション5 > フレーム内 > C賞----------*/

.section_5 ul dl.present_c dd {
    margin-right: 0;
    width: 230px;
    height: 274px;
}


/*MAIN > セクション5 > フレーム内 > D賞----------*/

.section_5 ul dl.present_d dd {
    height: 243px;
    width: 226px;
    margin-right: 0px;
}

.section_5 ul dl.present_d dd .bottom {
    /*.bottomに対して画像を下で揃える調節*/
    height: 168px;
    position: absolute;
    bottom: 0;
}


/*MAIN > セクション5 > フレーム内 > D賞 > other----------*/

.section_5 ul dl.present_d .other dd {
    height: 37px;
}

.section_5 ul dl.present_d .other dd img {
    display: inline;
    vertical-align: middle;
}

.section_5 ul dl.present_d .other dd img:first-of-type {
    margin-bottom: 0px;
}

.section_5 ul dl.present_d .other dd img:last-of-type {
    position: static;
}


/*MAIN > セクション5 > フレーム内 > E賞----------*/

.section_5 ul dl.present_e dd {
    width: 358px;
    height: 250px;
    margin: 0 auto;
    position: static;
}

.section_5 ul dl.present_e dd img {
    display: inline;
    vertical-align: middle;
}

.section_5 ul dl.present_e dd img:last-of-type {
    position: static;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    margin: auto;
}


/*MAIN > セクション6----------*/

.section_6 {
    width: 920px;
    margin: 0 auto;
    padding-bottom: 64px;
}

.section_6 p {
    margin-bottom: 16px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 20px;
    line-height: 2rem;
}

.section_6 p:last-of-type {
    margin-bottom: 0;
}


/*====================
FOOTER
====================*/

footer {
    margin: 32px auto 64px auto;
    text-align: center;
}