@charset "UTF-8";

/*==================================================================================================

       Movie

===================================================================================================*/

html { scroll-behavior: smooth; }
.smooth  { scroll-margin-top: 8rem; }
article  { position: relative; z-index: 20; background: #FFF; }


/*==================================================================================================

       背景

===================================================================================================*/

.bg-pink       { background: #ffdae3; }
.bg-light-pink { background: #ffecf1; }
.bg-black      { background: #000; }
.bg-gray       { background: #333; color:#FFF; }

.plans-wrap {
        position: relative;
        z-index: 10;
        }
        .plans-wrap:before {
        content:"";
        display:block;
        position: absolute;
        top:0;
        left:50%;
        margin-left:-520px;
        width:509px;
        height:214px;
        z-index: -1;
        background: url("../../rakuten2/img/general_bg.png") left top / cover;
        }
.plans-full-wrap {
        position: relative;
        z-index: 10;
        }
        .plans-full-wrap:before {
        content:"";
        display:block;
        position: absolute;
        top:0;
        left:50%;
        margin-left:-520px;
        width:509px;
        height:285px;
        z-index: -1;
        background: url("../../rakuten2/img/general-full_bg.png") left top / cover;
        filter: opacity(.75);
        }
.bg-info {
        position: relative;
        z-index: 1;    
        }
        .bg-info:before {
        content:"";
        display:block;
        position: absolute;
        top:0;
        left:50%;
        margin-left:300px;
        width:240px;
        height:240px;
        z-index: -1;
        background: url("../../rakuten2/img/flower-l.png") center center / cover;
        filter: opacity(.75);
        }
        .bg-info:after {
        content:"";
        display:block;
        position: absolute;
        bottom:0;
        left:50%;
        margin-left:-600px;
        width:248px;
        height:184px;
        z-index: -1;
        background: url("../../rakuten2/img/flower-m.png") center center / cover;
        }
.border-box-light {
        border-top:1px solid rgba(0,0,0,.3);
        border-bottom:1px solid rgba(0,0,0,.3);
        padding:1.5rem 0;
        }
        .border-box-light.short {
        padding:1rem 0;
        }
.border-box {
        border:1px solid rgba(0,0,0,.3);
        padding:1.5rem 0;
        }
.white-box {
        background: #FFF;
        border: 1px solid #d8d1d2;
        padding:3.5rem;
        box-sizing: border-box;
        }
        .white-box.medius {
        padding:2rem 1.5rem;
        }
        .white-box.short {
        padding:1.25rem 1.5rem;
        }
.flower-box {
        position: relative;
        border:1px solid rgba(0,0,0,.3);
        background: #FFF;
        padding:2.5rem;
        box-sizing: border-box;
        overflow: hidden;
        }
        .flower-box:after {
        content:"";
        display:block;
        position: absolute;
        bottom:-60px;
        right:-60px;
        width:140px;
        height:140px;
        background: url("../../rakuten2/img/flower-l.png") center center / cover;
        opacity: .4;
        z-index: 0;
        }


/*==================================================================================================

        タイトル / テキスト

===================================================================================================*/

.text-pink { color:rgb(255, 109, 110); }
        .text-pink a { color:rgb(255, 109, 110); }
.flower-title {
        position: relative;
        padding:20px 0;
        z-index: 1;
        }
        .flower-title:before {
        content:"";
        display: block;
        position: absolute;
        top:0;
        left:50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width:90px;
        height:90px;
        background: url("../../rakuten2/img/title-flower-w.png") center center / cover;
        z-index: -1;
        }

.under-line {
        padding-bottom:.5rem;
        border-bottom:1px solid rgba(0,0,0,.2);
        margin-bottom:.5rem;
        }

.disk-p {
        padding: 0 0 0 1.25rem ;
        position: relative;
        }
        .disk-p:before {
        content: "●";
        display:block;
        position: absolute;
        color:#E5A8A8;
        top: 0;
        left: 0;
        font-size:1rem;
        vertical-align: middle;
        }