/* common ------------ */
/* top ------------ */
/* page ------------ */
/* ------------------------
grid
------------------------ */
.grid
{
    position: relative;

    width: 640px;
    margin: 0 auto;
    padding-top: 52px;

    background: transparent;
}
.cx_smartphoneview .grid
{
    width: 580px;
}

.grid_items
{
    font-size: 0;
}
.cx_smartphoneview .grid_items
{
    margin-top: 25px;
}
.grid_items.-movie
{
    width: 100%; 
    max-width: 617px;
    margin-bottom: 38px;
    margin-left: 6px;
}
.grid_items.-lowerContents
{
    position: relative;
    right: -20px;

    margin-right: -48px;
    margin-bottom: 15px;
}
.cx_smartphoneview .grid_items.-lowerContents
{
    right: 0;

    margin-right: 0;
    margin-bottom: 50px;
}
.grid_items.-pastWorks
{
    margin-right: -20px;
}
.cx_smartphoneview .grid_items.-pastWorks
{
    margin-right: 0;
}
.grid_items.-squareBanner
{
    text-align: center;
}
.grid_items.-squareBanner img
{
    width: 85%;
}
.cx_smartphoneview .grid_items.-squareBanner img
{
    width: 100%;
}
.grid_items + .grid_items
{
    margin-bottom: 15px;
}
.cx_smartphoneview .grid_items + .grid_items
{
    margin-bottom: 50px;
}

.grid_item
{
    position: relative; 

    display: inline-block;
}
.cx_smartphoneview .grid_item
{
    display: block;

    margin: 0 auto;
}
.grid_item.-introduction
{
    width: 100%; 
    max-width: 627.5px;
    margin-bottom: 20px;
    margin-left: 8px;
}
.-movie .grid_item
{
    display: block;
}
.-lowerContents .grid_item
{
    width: 286.5px;
    margin-right: 48px;
    margin-bottom: 22px;

    vertical-align: top;
}
.cx_smartphoneview .-lowerContents .grid_item
{
    width: 100%; 
    margin-bottom: 34px;
}
.grid_item.-caststaff
{
    width: 297px; 
    margin-right: 22px;
    margin-bottom: 22px;
    margin-left: 10px;
}
.cx_smartphoneview .grid_item.-caststaff
{
    width: 100%; 
    margin-bottom: 40px;
    margin-left: 0;
}
.grid_item.-message
{
    width: 310px; 
    margin-bottom: 22px;
}
.cx_smartphoneview .grid_item.-message
{
    width: 100%; 
    margin-bottom: 40px;
    margin-left: 0;
}
.-pastWorks .grid_item
{
    display: block;

    margin-right: 20px;
    margin-bottom: 16px;
}
.cx_smartphoneview .-pastWorks .grid_item
{
    margin-bottom: 30px;
}
.grid_item.-sm
{
    display: inline-block;

    width: 310px;
}
.cx_smartphoneview .grid_item.-sm
{
    width: 270px;
}

/* gitem_update ------------ */
.gitem_update
{
    font-size: 12px; 

    position: absolute;
    z-index: 10;

    color: #f1f1f1;
}
.-movie .gitem_update
{
    bottom: 40px;
    left: 50px;
}
.cx_smartphoneview .-movie .gitem_update
{
    font-size: 18px;

    bottom: 30px;
}
.-movie .gitem_update.-new::before
{
    position: absolute;
    bottom: 110px;
    left: -50px;

    display: block;

    width: 128px;
    height: 49px; 
    margin-right: 9px;

    content: '';

    background: url(../../img/grid/common/item_new.png) 0 0 no-repeat;
    background-size: 100%;
}
.cx_smartphoneview .-movie .gitem_update.-new::before
{
    bottom: 110px;

    width: 94px;
    height: 32px;
}
.-lowerContents .gitem_update
{
    top: 18px;
    left: 0; 

    -webkit-transform: rotate(-10deg); 

        -ms-transform: rotate(-10deg); 

            transform: rotate(-10deg);
}
.cx_smartphoneview .-lowerContents .gitem_update
{
    font-size: 24px;
}
.cx_smartphoneview .-lowerContents .gitem_update
{
    top: 37px;
}
.-lowerContents .gitem_update.-new
{
    top: 5px;
    left: -10px; 

    display: -webkit-box; 

    display: -ms-flexbox; 

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
}
.cx_smartphoneview .-lowerContents .gitem_update.-new
{
    top: 30px;
}
.-lowerContents .gitem_update.-new::before
{
    display: block;

    width: 78px;
    height: 30px;
    margin-right: 9px;

    content: '';
    -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
            transform: rotate(10deg); 

    background: url(../../img/grid/common/item_new.png) 0 0 no-repeat;
    background-size: 100%;
}
.cx_smartphoneview .-lowerContents .gitem_update.-new::before
{
    bottom: 102px;

    width: 94px;
    height: 32px;
}

.cx_smartphoneview .gitem_photo
{
    text-align: center;
}

.gitem_txt
{
    font-size: 12px; 

    padding: 5px 20px;
}
.cx_smartphoneview .gitem_txt
{
    font-size: 24px; 

    padding: 10px 40px;
}

/* ------------------------
Twiter
------------------------ */
.top_twitter
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 308px;
    margin-bottom: 134px;
    padding: 67px 8px 15px;

    background: url(../../img/twitter/twitter_logo.png) center 20px no-repeat;
}
.cx_smartphoneview .top_twitter
{
    height: 378px; 
    margin-top: 20px;
}

.twitter_include
{
    overflow: auto;

    height: 230px;

    background: #fff;
}
.cx_smartphoneview .twitter_include
{
    height: 400px;
}