@charset "UTF-8";

/*//////////----- GIFT -----//////////*/

#gift{
    box-sizing: border-box;
    text-align: left;
    color: #fff !important;
}

#gift header.page-header{
    margin-bottom:20px;
}

@media only screen and (min-width: 1440px){
    
    #gift header.page-header{
        margin-bottom:30px;
    }
    
}

#gift div.content-inner{
    margin-bottom:20px;
}

@media only screen and (min-width: 1440px){
    
    #gift div.content-inner{
        width:960px;
        margin:0 auto 20px;
    }
    
}

/*//////////----- GIFT-SUMMARY -----//////////*/

#gift div.summary{
    box-sizing: border-box;
    padding:15px 5px 5px 17.5px;
    
    margin-bottom:20px;
    
    position: relative;
    
    font-size:14px;
    line-height:20px;
}

@media only screen and (min-width: 520px){
    
    #gift div.summary{
        width:550px;
        margin:0 auto 20px;
    }
    
}

#gift div.summary:before{
    display:block;
    content:"";
    
    width:20px;
    height:280px;
    
    background-color:#0078AA;
    
    position: absolute;
    bottom:0;
    right:-5px;
}

#gift div.summary:after{
    display:block;
    content:"";
    
    width:180px;
    height:20px;
    
    background-color:#0078AA;
    
    position: absolute;
    bottom:-5px;
    right:-5px;
}

#gift div.summary div.ol{
    box-sizing: border-box;
    border:solid 1px #000;
    padding:30px;
    
    background-color:#fff;
}

#gift div.summary span.diagonal{
    display:block;
    width:92.5px;
    height:1px;
    
    background-color:#000;
    
    position: absolute;
    top:35px;
    left:-5px;
    
    transform: rotate(-40deg);
}

#gift div.summary p.caption{
    font-size:15px;
    line-height:20px;
    font-weight:bold;
    text-align: center;
    
    margin-bottom:15px;
}

@media only screen and (min-width: 520px){
    
    #gift div.summary p{
        width:450px;
        margin:0 auto;
        
        text-align: center;
    }
    
    #gift div.summary p.caption br{
        display:none;
    }
    
}

@media only screen and (min-width: 1440px){
    
    #gift div.summary{
        width:760px;
        
        font-size:16px;
        line-height:24px;
    }
    
    #gift div.summary p.caption{
        font-size:18px;
        line-height:24px;
    }
    
    #gift div.summary p{
        width:660px;
    }
    
}

/*//////////----- GIFT-BTN -----//////////*/

#gift div.btn{
    display:flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    
    width:100%;
}

@media only screen and (min-width: 520px){
    
    #gift div.btn{
        margin-top:50px;
        margin-bottom:40px;
    }
    
}

#gift div.btn p{
    width:155px;
    
    font-size:15px;
    line-height:40px;
    font-weight:bold;
    
    text-align: center;
}

@media only screen and (min-width: 520px){
    
    #gift div.btn p{
        width:180px;
    }
    
}

#gift div.btn p:nth-child(1){
    margin-right:10px;
}

#gift div.btn p:nth-child(2){
    margin-left:10px;
}

#gift div.btn p a{
    display:block;
    color:#fff;
}

#gift div.btn p:nth-child(1) a{
    background-color:#B4A358;
}

#gift div.btn p:nth-child(2) a{
    background-color:#0078AA;
    
    border-radius:50px;
}

#gift div.btn p a:hover{
    text-decoration: none;
}

#gift div.btn p:nth-child(1) a:hover{
    background-color:#DCC083;
}

#gift div.btn p:nth-child(2) a:hover{
    background-color:#015B81;
}

/*//////////----- GIFT-GUIDE -----//////////*/

@media only screen and (min-width: 520px){
    
    #gift div.guide h2 br{
        display:none;
    }
    
}

#gift div.guide div.row{
    margin-bottom:30px;
    
    font-size:15px;
    line-height:20px;
}

@media only screen and (min-width: 520px){
    #gift div.guide div.row:nth-of-type(2) p.caption br{
        display:none;
    }
}

#gift div.guide p{
    box-sizing: border-box;
    padding:0 15px;
}

#gift div.guide p.caption{
    font-size:15px;
    line-height:20px;
    font-weight:bold;
    text-align: center;
    padding:0;
    margin-bottom:20px;
}

@media only screen and (min-width: 1440px){
    #gift div.guide p.caption{
        font-size:18px;
        line-height:24px;
    }
    
}

#gift div.guide ul.thumbnail{
    margin-top:20px;
}

#gift div.guide ul.thumbnail li{
    margin-bottom:20px;
}

#gift div.guide ul.thumbnail li:last-child{
    margin-bottom:0;
}

#gift div.guide ul.thumbnail li img{
    width:100%;
    vertical-align: bottom;
}

@media only screen and (min-width: 520px){
    
    #gift div.guide ul.thumbnail{
        display:flex;
        flex-flow: row wrap;
        align-items: stretch;
        justify-content: flex-start;
        
        width:800px;
        margin:20px auto 0;
    }
    
    #gift div.guide ul.thumbnail li{
        width:50%;
    }
    
    #gift div.guide ul.thumbnail li:nth-child(1){
        box-sizing: border-box;
        padding-right:15px;
    }
    
    #gift div.guide ul.thumbnail li:nth-child(2){
        box-sizing: border-box;
        padding-left:15px;
    }
    
}

/*//////////----- GIFT-LINEUP -----//////////*/

#gift div.lineup div.row{
    margin-bottom:30px;
}

#gift div.lineup div.row h6{
    font-size:15px;
    line-height:30px;
    font-weight:bold;
    
    text-align: center;
    
    background-color:#3B4043;
    color:#fff;
    border-radius:5px;
    margin-bottom:10px;
}

#gift div.lineup div.row ul{
    display:flex;
    flex-flow: row wrap;
    align-items: center;
    -webkit-justify-content: space-between; /* Safari */
    justify-content:         space-between;
    width:355px;
    margin:0 auto;
}

#gift div.lineup div.row ul li{
    display:block;
    width:110px;
    text-align: center;
    font-size:11px;
    line-height:25px;
    font-weight:bold;
}

#gift div.lineup div.row ul li img{
    width:100%;
    vertical-align: bottom;
}

#gift div.lineup div.row:nth-of-type(2) h6{
    background-color:#0078AA;
}

#gift div.lineup div.row:nth-of-type(3) h6{
    background-color:#DCC083;
}

#gift div.lineup div.row:nth-of-type(4) h6{
    background-color:#3B8331;
}

#gift div.lineup div.row:nth-of-type(5) h6{
    background-color:#C65B9D;
}

#gift div.lineup div.row:nth-of-type(6) h6{
    background-color:#015B81;
}

#gift div.lineup div.row:nth-of-type(7) h6{
    background-color:#B4A358;
}

@media only screen and (min-width: 520px){
    
    #gift div.lineup div.row{
        width:800px;
        margin:0 auto 30px;
    }
    
    #gift div.lineup div.row ul{
        width:785px;
        margin:0 auto;
    }
    
}

/*//////////----- GIFT-FLOW -----//////////*/

#gift div.flow div.row{
    box-sizing: border-box;
    padding:20px 0;
    border-top:solid 1px #000;
}

#gift div.flow div.row h4{
    font-size:15px;
    line-height:25px;
    
    font-weight:bold;
    
    box-sizing: border-box;
    border-bottom:dotted 1px #015B81;
}

#gift div.flow div.row h4 span.note{
    display:inline-block;
    font-size:17px;
    line-height:25px;
}

#gift div.flow div.row p{
    box-sizing: border-box;
    padding:15px;
    
    font-size:15px;
    line-height:20px;
}

#gift div.flow div.row p.extra{
    font-size:12px;
    line-height:20px;
    background-color:#FCF2DB;
}

#gift div.flow div.row ul.extra{
    font-size:12px;
    line-height:20px;
    background-color:#FCF2DB;
    box-sizing: border-box;
    padding:15px;
}

#gift div.flow div.row ul.extra li{
    box-sizing: border-box;
    padding-left:12.5px;
    position: relative;
}

#gift div.flow div.row ul.extra li:before{
    display:block;
    content:"・";
    position: absolute;
    top:0;
    left:0;
}

@media only screen and (min-width: 520px){
    
    #gift div.flow div.row{
        padding:20px;
    }
    
    #gift div.flow div.row p{
        padding:15px 0;
    }
    
    #gift div.flow div.row p.extra{
        padding:15px;
    }
    
}

/*//////////----- GIFT-FORM -----//////////*/

.gift-form{
    width:100%;
    margin:0 auto 20px;
    max-width: 355px;
}

@media only screen and (min-width: 520px){
    
    .gift-form{
        width: 550px;
        max-width: none;
    }

}

.gift-form div.row{
    margin-bottom:20px;
}

.gift-form div.row:last-child{
    margin-bottom:0;
}

.gift-form div.row p.caption{
    font-size:15px;
    line-height:20px;
    font-weight:bold;
    box-sizing: border-box;
    padding-left:40px;
    position: relative;
    margin-bottom:10px;
}

.gift-form div.row p.caution{
    display:block;
    font-size:14px;
    line-height:20px;
    margin-bottom:10px;
    position: relative;
    box-sizing: border-box;
    padding-left:15px;
}

.gift-form div.row p.caution:before{
    display:block;
    content:"※";
    
    position: absolute;
    top:-2.5px;
    left:5px;
}

.gift-form div.row p.caption span.note{
    display:inline-block;
    
    font-size:11px;
    line-height:20px;
    
    box-sizing: border-box;
    padding:0 5px;
}

.gift-form div.row p.caption span.must{
    display:inline-block;
    
    width:35px;
    text-align: center;
    font-size:12px;
    line-height:20px;
    font-weight:normal;
    
    background-color:#FF9393;
    color:#fff;
    
    position: absolute;
    top:0;
    left:0;
    
    border-radius:2.5px;
}

.gift-form div.row p.caption span.extra{
    display:inline-block;
    
    width:35px;
    text-align: center;
    
    font-size:12px;
    line-height:20px;
    font-weight:normal;
    
    background-color:#92C8FF;
    color:#fff;
    
    position: absolute;
    top:0;
    left:0;
    
    border-radius:2.5px;
}

.gift-form div.row input[type="text"]{
    width:100%;
    
    font-size:14px;
    line-height:20px;
    
    box-sizing: border-box;
    padding:10px;
    outline: none;
    border:solid 1px #B8B8B9;
    border-radius:2.5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.gift-form div.row input[type="text"]:focus{
    outline: none;
    border:solid 1px #0078AA;
}

.gift-form div.row select{
    width: 265px;
    font-size:14px;
    line-height:20px;
    box-sizing: border-box;
    padding:10px;
    outline: none;
    border:solid 1px #B8B8B9;
    border-radius:2.5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-size:10px;
    background-position: center right 10px;
}

@media only screen and (min-width: 520px){
    
    .gift-form div.give{
        display:flex;
        flex-flow: row wrap;
        align-items: center;
        -webkit-justify-content: space-between; /* Safari */
        justify-content:         space-between;
        
        width:100%;
    }
    
    .gift-form div.give div.row{
        margin:0;
        width:50%;
    }
    
    .gift-form div.give div.row:nth-child(1){
        box-sizing: border-box;
        padding-right:10px;
    }
    
    .gift-form div.give div.row:nth-child(2){
        box-sizing: border-box;
        padding-left:10px;
    }
    
    .gift-form div.row select{
        width:100%;
    }
}

.gift-form div.count{
    display:flex;
    flex-flow: row wrap;
    align-items: flex-end;
    justify-content: flex-start;
    
    width:100%;
    
    box-sizing: border-box;
    padding:20px 0;
    border-top:dashed 1px #015B81;
    border-bottom:dashed 1px #015B81;
    
    margin:30px 0;
}

.gift-form div.count div.count-child:nth-child(1){
    display:flex;
    flex-flow: row wrap;
    align-items: flex-end;
    justify-content: flex-start;
    
    width:100%;
    margin:0 auto 20px;
}

.gift-form div.count div.count-child:nth-child(1) p.thumbnail-cast{
    width:195px;
    
    box-sizing: border-box;
    padding-right:65px;
    
    position: relative;
}

.gift-form div.count div.count-child:nth-child(1) p.thumbnail-cast img{
    width:100%;
    vertical-align: bottom;
}

.gift-form div.count div.count-child:nth-child(1) p.thumbnail-cast:after{
    display:block;
    content:"に";
    
    width:25px;
    height:25px;
    
    font-size:15px;
    line-height:25px;
    font-weight:bold;
    
    text-align: center;
    
    background-color:#0078AA;
    color:#fff;
    
    border-radius:50px;
    
    position: absolute;
    bottom:5px;
    right:20px;
    
}

.gift-form div.count div.count-child:nth-child(1) p.thumbnail-item{
    width:155px;
    
    box-sizing: border-box;
    padding-right:45px;
    
    position: relative;
}

.gift-form div.count div.count-child:nth-child(1) p.thumbnail-item:after{
    display:block;
    content:"を";
    
    width:25px;
    height:25px;
    
    font-size:15px;
    line-height:25px;
    font-weight:bold;
    
    text-align: center;
    
    background-color:#0078AA;
    color:#fff;
    
    border-radius:50px;
    
    position: absolute;
    bottom:5px;
    right:0;
    
}

.gift-form div.count div.count-child:nth-child(2){
    position: relative;
    width:100%;
}

.gift-form div.count div.count-child:nth-child(2) select{
    width:70px;
    font-size:14px;
    line-height:20px;
    box-sizing: border-box;
    padding:10px;
    outline: none;
    border:solid 1px #B8B8B9;
    border-radius:2.5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-size:10px;
    background-position: center right 10px;
}

.gift-form div.count div.count-child:nth-child(2) span.extra{
    display:block;
    width:80px;
    
    font-size:15px;
    line-height:25px;
    font-weight:bold;
    
    position: absolute;
    bottom:0;
    left:80px;
}

.gift-form div.row textarea{
    width:100%;
    min-height: 200px;
    
    font-size:14px;
    line-height:20px;
    
    box-sizing: border-box;
    padding:10px;
    outline: none;
    border:solid 1px #B8B8B9;
    border-radius:2.5px;
    
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    
    background-color:#fff;
    color:#000;
}

.gift-form div.row textarea:focus{
    outline: none;
    border:solid 1px #0078AA;
}

@media only screen and (min-width: 520px){
    
    .gift-form div.count div.count-child:nth-child(1){
        width:calc(100% - 160px);
        margin-bottom:0;
    }
    
    .gift-form div.count div.count-child:nth-child(2){
        width:160px;
        
        margin-bottom:5px;
    }
    
}

.gift-form div.confirm{
    margin-top:20px;
}

.gift-form div.confirm div.attention{
    margin-bottom:20px;
    box-sizing: border-box;
    padding:15px;
    font-size:12px;
    line-height:20px;
    border: 1px solid #fff;
}

.gift-form div.confirm div.attention ul li{
    box-sizing: border-box;
    padding-left:15px;
    
    position: relative;
}

.gift-form div.confirm div.attention ul li:before{
    display:block;
    content:"・";
    
    position: absolute;
    top:0;
    left:0;
}

.gift-form p.confirm-check{
    text-align: center;
    font-size:16px;
}

.btn-action{
    text-align: center;
    
    box-sizing: border-box;
    padding:20px 0 30px;
}

.btn-action p{
    display:inline-block;
    width:180px;
}

.btn-action p.btn-submit{
    box-sizing: border-box;
    padding:0 5px;
}

.btn-action p.btn-submit button[type="submit"]{
    width:100%;
    font-size:15px;
    line-height:35px;
    font-weight:bold;
    box-sizing: border-box;
    outline: none;
    border-radius:0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border:none;
    background-color:deeppink;
    color:#fff;
}

.btn-action p.btn-submit.active input[type="submit"]{
    background-color:#B4A358;
    color:#fff;
}

.btn-action p.btn-submit input[type="submit"]:hover{	
    background-color:#888;
    cursor: auto;
}

.btn-action p.btn-submit.active input[type="submit"]:hover{
    background-color:#DCC083;
    cursor: pointer;
}

/*//////////----- GIFT-MESSAGEENROLLMENT -----//////////*/

.message-enrollment{
    display:flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: flex-start;
    
    width:100%;
}

.message-enrollment article{
    width:100%;
    
    margin-bottom:30px;
    margin-top:15px;
}

.message-enrollment article:first-child{
    margin-top:0;
}

.message-enrollment article:last-child{
    margin-bottom:10px;
}

.messagerow div.inner{
    box-sizing: border-box;
    border-top:solid 1px #015B81;
    padding-top:35px;
    
    position: relative;
}

.messagerow p.update{
    width:150px;
    height:30px;
    
    font-size:12px;
    line-height:30px;
    
    text-align: center;
    
    background-color:#015B81;
    color:#fff;
    
    border-radius:50px;
    
    position: absolute;
    top:-15px;
    left:35px;
}

.messagerow div.giftbox{
    box-sizing: border-box;
    border:solid 1px #0078AA;
    border-radius:5px;
    
    margin-bottom:10px;
    
    background-color:#fff;
}

.messagerow div.giftbox h4{
    font-size:12px;
    line-height:30px;
    
    text-align: center;
    
    background-color:#0078AA;
    color:#fff;
}

.messagerow div.giftbox div.giftbox-inner{
    display:flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: flex-start;
    
    width:100%;
    
    box-sizing: border-box;
    padding:15px 40px;
}

@media only screen and (min-width: 520px){
    
    .messagerow div.giftbox div.giftbox-inner{
        padding:10px;
    }
    
}

.messagerow div.giftbox div.giftbox-inner div.giftbox-inner-child{
    width:50%;
    
    text-align: center;
}

.messagerow div.giftbox div.giftbox-inner div.giftbox-inner-child:nth-child(1){
    box-sizing: border-box;
    padding-right:15px;
}

.messagerow div.giftbox div.giftbox-inner div.giftbox-inner-child:nth-child(2){
    box-sizing: border-box;
    padding-left:15px;
}

@media only screen and (min-width: 520px){
    
    .messagerow div.giftbox div.giftbox-inner div.giftbox-inner-child{
        width:100%;
        
        padding:0!important;
    }
    
    .messagerow div.giftbox div.giftbox-inner div.giftbox-inner-child:nth-child(1){
        margin-bottom:15px;
    }
    
}

@media only screen and (min-width: 1440px){
    
    .messagerow div.giftbox div.giftbox-inner div.giftbox-inner-child{
        width:50%;
    }
    
    .messagerow div.giftbox div.giftbox-inner div.giftbox-inner-child:nth-child(1){
        margin-bottom:0;
    }
    
    .messagerow div.giftbox div.giftbox-inner div.giftbox-inner-child:nth-child(1){
        box-sizing: border-box;
        padding-right:15px!important;
    }
    
    .messagerow div.giftbox div.giftbox-inner div.giftbox-inner-child:nth-child(2){
        box-sizing: border-box;
        padding-left:15px!important;
    }
    
}

.messagerow p.castname{
    font-size:12px;
    line-height:25px;
    font-weight:bold;
}

.messagerow div.giftbox div.giftbox-inner div.giftbox-inner-child:nth-child(1) p.thumbnail{
    width:130px;
    margin:0 auto;
    
    position: relative;
}

.messagerow div.giftbox div.giftbox-inner div.giftbox-inner-child:nth-child(1) p.thumbnail img{
    width:100%;
    vertical-align: bottom;
}

.messagerow div.giftbox div.giftbox-inner div.giftbox-inner-child:nth-child(1) p.thumbnail span.note{
    display:block;
    width:45px;
    height:17.5px;
    
    font-size:10px;
    line-height:17.5px;
    font-weight:bold;
    
    text-align: center;
    
    background-color:#000;
    color:#fff;
    
    position: absolute;
    top:5px;
    left:5px;
    
    border-radius:2.5px;
}

.messagerow div.giftbox div.giftbox-inner div.giftbox-inner-child:nth-child(1) p.thumbnail span.note:before{
    content:"テキスト";
}

.messagerow div.giftbox div.giftbox-inner div.giftbox-inner-child:nth-child(1) p.thumbnail span.note.regular{
    width:60px;
    background-color:#C65B9D;
}

.messagerow div.giftbox div.giftbox-inner div.giftbox-inner-child:nth-child(1) p.thumbnail span.note.regular:before{
    content:"レギュラー";
}

.messagerow div.giftbox div.giftbox-inner div.giftbox-inner-child:nth-child(1) p.thumbnail span.note.king{
    background-color:#B4A358;
}

.messagerow div.giftbox div.giftbox-inner div.giftbox-inner-child:nth-child(1) p.thumbnail span.note.king:before{
    content:"キング";
}

.messagerow div.giftbox div.giftbox-inner div.giftbox-inner-child:nth-child(1) p.thumbnail span.note.prince{
    background-color:#0079AA;
}

.messagerow div.giftbox div.giftbox-inner div.giftbox-inner-child:nth-child(1) p.thumbnail span.note.prince:before{
    content:"プリンス";
}

.messagerow div.giftbox div.giftbox-inner div.giftbox-inner-child:nth-child(1) p.thumbnail span.note.newface{
    background-color:#3B8331;
}

.messagerow div.giftbox div.giftbox-inner div.giftbox-inner-child:nth-child(1) p.thumbnail span.note.newface:before{
    content:"新人";
}

.messagerow div.giftbox div.giftbox-inner div.giftbox-inner-child:nth-child(1) p.thumbnail span.note.trial{
    background-color:#3B4043;
}

.messagerow div.giftbox div.giftbox-inner div.giftbox-inner-child:nth-child(1) p.thumbnail span.note.trial:before{
    content:"研修生";
}

.messagerow p.giftname{
    font-size:12px;
    line-height:25px;
    font-weight:bold;
}

.messagerow div.giftbox div.giftbox-inner div.giftbox-inner-child:nth-child(2) p.thumbnail{
    width:110px;
    margin:0 auto 5px;
}

.messagerow div.giftbox div.giftbox-inner div.giftbox-inner-child:nth-child(2) p.thumbnail img{
    width:100%;
    vertical-align: bottom;
}

.messagerow p.count{
    font-size:12px;
    line-height:20px;
    
    margin-bottom:5px;
}

.messagerow p.count span.note{
    display:inline-block;
    width:22.5px;
    height:22.5px;
    
    font-size:13px;
    line-height:22.5px;
    font-weight:bold;
    
    text-align: center;
    
    background-color:#B4A358;
    color:#fff;
    
    border-radius:50px;
    margin-right:2.5px;
}

.messagerow p.point{
    font-size:12px;
    line-height:20px;
    
    text-align: center;
}

.messagerow p.point span.note{
    display:block;
}

.messagerow div.message{
    box-sizing: border-box;
    padding-right:5px;
    padding-bottom:5px;
    
    margin-bottom:10px;
}

.messagerow div.message:last-child{
    margin-bottom:0;
}

.messagerow div.message div.message-inner{
    box-sizing: border-box;
    box-shadow: 5px 5px 0 #bbb;
    
    background-color:#fff;
    
    padding:20px;
}

.messagerow div.message.customer div.message-inner{
    border:solid 3.5px #F8D2D1;
}

.messagerow div.message.cast div.message-inner{
    border:solid 3.5px #D7E7E7;
    border-radius:5px;
}

.messagerow div.message h5{
    font-size:18px;
    line-height:35px;
    color:#B65542;
    
    box-sizing: border-box;
    padding-left:45px;
    
    background-image: url("../images/icon-gift-message001.png");
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: center left;
}

.messagerow div.message.customer h5{
    color:#B65542;
    background-image: url("../images/icon-gift-message001.png");
}

.messagerow div.message.cast h5{
    color:#7BB3B2;
    background-image: url("../images/icon-gift-message002.png");
}

.messagerow div.message p{
    font-size:12px;
    line-height:25px;
    
    background-repeat: repeat;
    background-size:380px;
}

.messagerow div.message.customer p{
    background-image: url("../images/bg-gift-message-underline001.png");
}

.messagerow div.message.cast p{
    background-image: url("../images/bg-gift-message-underline002.png");
}

@media only screen and (min-width: 520px){
    
    .messagerow div.messagerow-container{
        display:flex;
        flex-flow: row wrap;
        align-items: stretch;
        justify-content: flex-start;
        
        width:750px;
        margin:0 auto;
    }
    
    .messagerow div.messagerow-container div.messagerow-container-child:nth-child(1){
        width:150px;
    }
    
    .messagerow div.messagerow-container div.messagerow-container-child:nth-child(2){
        width:calc(100% - 150px);
        
        box-sizing: border-box;
        padding-left:20px;
    }
    
}

@media only screen and (min-width: 1440px){
    
    .messagerow div.messagerow-container{
        width:960px;
    }
    
    .messagerow div.messagerow-container div.messagerow-container-child:nth-child(1){
        width:280px;
    }
    
    .messagerow div.messagerow-container div.messagerow-container-child:nth-child(2){
        width:calc(100% - 280px);
    }
    
}

/*//////////----- GIFT-COMPLETE -----//////////*/

@media only screen and (min-width: 1400px){
    
    .complete{
        margin-bottom:60px;
    }
    
}

.complete h3{
    font-size:17px;
    line-height:25px;
    font-weight:bold;
    
    text-align: center;
    color:#015B81;
    
    margin-bottom:15px;
}

@media only screen and (min-width: 1400px){
    
    .complete h3{
        font-size:25px;
        line-height:35px;
    }
    
}

.complete div.thanks{
    box-sizing: border-box;
    padding:40px 0;
    
    position: relative;
    
    margin-bottom:60px;
}

.complete div.thanks:before{
    display:block;
    content:"";
    
    width:225px;
    height:20px;
    
    background-image: url("../images/bg-gift-line.png");
    background-repeat: no-repeat;
    background-size:225px;
    background-position: center top;
    
    position: absolute;
    top:0;
    left:0;
    right:0;
    
    margin:0 auto;
}

.complete div.thanks:after{
    display:block;
    content:"";
    
    width:225px;
    height:20px;
    
    background-image: url("../images/bg-gift-line.png");
    background-repeat: no-repeat;
    background-size:225px;
    background-position: center top;
    
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    
    margin:0 auto;
}

.complete div.thanks p.logo{
    text-align: center;
    margin-bottom:10px;
}

.complete div.thanks p.logo img{
    width:30px;
    vertical-align: bottom;
}

@media only screen and (min-width: 1400px){
    
    .complete div.thanks p.logo{
        margin-bottom:20px;
    }
    
    .complete div.thanks p.logo img{
        width:47.5px;
    }
    
}

.complete div.thanks p.note{
    font-size:14px;
    line-height:20px;
    font-weight:bold;
    
    text-align: center;
    color:#B4A358;
    
    margin-bottom:10px;
}

@media only screen and (min-width: 1400px){
    
    .complete div.thanks p.note{
        font-size:28px;
        line-height:32px;
    }
    
}

.complete div.thanks p.caption{
    font-size:14px;
    line-height:20px;
    font-weight:bold;
    
    color:#015B81;
    
    text-align: center;
}

@media only screen and (min-width: 1400px){
    
    .complete div.thanks p.caption{
        font-size:23px;
        line-height:35px;
    }
    
}

.complete ul.btn{
    display:flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    
    width:100%;
}

.complete ul.btn li:nth-child(1){
    width:155px;
    
    font-size:13px;
    line-height:40px;
    font-weight:bold;
    
    text-align: center;
    
    box-sizing: border-box;
    margin-right:10px;
}

.complete ul.btn li:nth-child(1) a{
    display:block;
    
    background-color:#B4A358;
    color:#fff;
    
    transition: 0.25s;
}

.complete ul.btn li:nth-child(1) a:hover{
    background-color:#DCC083;
    text-decoration: none;
}

.complete ul.btn li:nth-child(2){
    width:155px;
    
    font-size:15px;
    line-height:35px;
    font-weight:bold;
    
    text-align: center;
    
    box-sizing: border-box;
    margin-left:10px;
}

.complete ul.btn li:nth-child(2) a{
    display:block;
    
    background-color:#0078AA;
    color:#fff;
    
    border-radius:50px;
    
    transition: 0.25s;
}

.complete ul.btn li:nth-child(2) a:hover{
    background-color:#015B81;
    text-decoration: none;
}

@media only screen and (min-width: 520px){
    
    .complete ul.btn li:nth-child(1){
        width:180px;
        
        font-size:15px;
        line-height:40px;
        
        margin-right:20px;
    }
    
    .complete ul.btn li:nth-child(2){
        width:180px;
        
        font-size:15px;
        line-height:40px;
        
        margin-left:20px;
    }
    
}

@media only screen and (min-width: 1400px){
    
    .complete ul.btn li:nth-child(1){
        width:315px;
        
        font-size:25px;
        line-height:70px;
        
        margin-right:25px;
    }
    
    .complete ul.btn li:nth-child(2){
        width:315px;
        
        font-size:25px;
        line-height:70px;
        
        margin-left:24px;
    }
    
}