#index #intro {
    background: rgba(0, 0, 0, 0) url("/plusone/images/index/image.jpg") no-repeat;
    background-size: cover;
    border:none;
    margin: 0 0 27px 0;
}

#index #intro p#copy{
    text-shadow: rgba( 255, 255, 255, 0.5);
}
#index #intro div.deal{
    background: rgba( 200, 0, 0, 0.85);
    color:#fff;
    font-size: 110%;
    line-height: 140%;
    padding: 15px 18px;
    font-weight: normal;
}
#index #share {
    border:1px solid #bfb69e;
    padding:3%;
    position:relative;
    overflow:hidden;
    background-color:#f1f0e2 ;
    background-image:url("/plusone/images/index/plusone.png");
    background-position:right 40%;
    background-repeat:no-repeat;
    background-size:60%;
}
#index #share .txt{
    width:55%;
    float:left;
}

#index ul.hasIllust li div.right{
    width:100px;
    height:100px;
    margin-left:2%;
}

#index div.hasIllust{
    border:1px solid #e1e5bc;   padding:3%;
    overflow:hidden;
    background-color:#f8f9ec;
    margin-bottom:15px;
}
#index ul#merit {
    padding:2% 2% 2% 35px;
    margin: 0 0 30px 0;
    border:6px solid #e5e4d9;
    color:#715301;
}
#index ul#merit li{
    font-size:120%;
    line-height:160%;
}

#index div.arrow{
    width:0;
    height:0;
    border:26px solid transparent;
    border-top:30px solid #000;
    margin:0 auto;
    padding:0;
}