@charset "utf-8";

/* CSS Document */


/* ----------------------------------------------------------------------
common
---------------------------------------------------------------------- */
#contents_wrapper{
    padding-bottom:80px;
}

.section_content{
    width:800px;
    margin-left:auto;
    margin-right:auto;
}

#section_article_content{
    background-color:#fff;
    border:6px solid #000;
    box-sizing:border-box;
    padding:60px 60px;
}

.text{
    margin-top:20px;
    font-size:16px;
    color:#000;
}
.subtitle{
    margin-top:30px;
    border-left:4px solid #fb428c;
    font-size:20px;
    line-height:1.3em;
    padding:4px 10px 4px 22px;
    color:#000;
}

.subtitle.nomargintop{
    margin-top:0px;
}

.simplelist{
    margin-top:20px;
    font-size:16px;
    color:#000;
    list-style-type:disc;
    margin-left:1.5em;
}
.simplelist.numberlist{
    list-style-type:decimal;
    margin-left:2.0em;
}
.simplelist li{
    line-height:1.5em;
    padding-bottom:10px; 
}

.imagelist{
    margin-top:20px;
    font-size:0px;
    line-height:0px;
}
.imagelist .description{
    margin-top:10px;
    font-size:16px;
    line-height:1.5em;
    color:#000;
}

.imagelist li{
    margin-right:20px;
    display:inline-block;
}

.imagelist.three_column li:nth-child(3n){
    margin-right:0px;
}

a{
    color:#b74ce5;
    text-decoration:underline;
}


a:hover{
    color:#d280ff;
    text-decoration:none;
}


a.textbutton{
    background:#000;
    color:#fff;
    padding:5px 5px;
    text-align:center;
    display:inline-block;
    -webkit-transition-property:background-color;
    -webkit-transition-duration:0.15s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-property:background-color;
    -moz-transition-duration:0.15s;
    -moz-transition-timing-function: ease-out;
    -ms-transition-property:background-color;
    -ms-transition-duration:0.15s;
    -ms-transition-timing-function: ease-out;
    transition-property:background-color;
    transition-duration:0.15s;
    transition-timing-function: ease-out;
}

a.textbutton span.inner{
    display:inline-block;
    border:2px solid #fff;
    padding:22px 22px;
    min-width:376px;
    box-sizing:border-box;
    font-size:24px;
    line-height:1.0em;
}

a.textbutton:hover{
    background:#fb428c;
}

.mainbanner{
    text-align:center;
}

.mainbanner img{
    max-width:100%;
    height:auto;
    max-height:351px;
}

.button_officialsite_link{
    margin-top:40px;
    text-align:center;
}

.imagebox{
    margin-top:20px;
    text-align:center;

}

.shadow{
    box-shadow:2px 2px 12px rgba(0,0,0,0.4);
}

.twitterwidgetbox{
    margin-top:20px;
    text-align:center;

}

.twitterwidgetbox iframe,.twitterwidgetbox #twitter-widget-0{
    width:520px !important;
    margin-left:auto;
    margin-right:auto;
}


/*
.imagebox img{
    max-width:100%;
    height:auto;
}
*/

.table_template{
    margin-top:20px;
    width:100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 4px;
}

.table_template th,.table_template td{
    padding:10px 10px;
    font-size:16px;
    line-height:1.4em;
    vertical-align:middle;
}

.table_template thead th{
    background-color:#000;
    color:#fff;
}

.table_template thead td{
    background-color:#000;
    color:#fff;
}


.centering th,.centering td,th.centering,td.centering{
    text-align:center;
}

.table_template tbody th{
    background-color:#8080ff;
    color:#fff;
}

.table_template tbody td{
    background-color:#e8e8e8;
    color:#000;
}

/* ----------------------------------------------------------------------
#section_header
---------------------------------------------------------------------- */
#section_header{
    position:relative;
    z-index:100;
    border-top:6px solid #000;
    border-bottom:6px solid #000;
    height:320px;
    width:100%;
    overflow:hidden;
}


#section_header .logo_starwing{
    position:absolute;
    left:50%;
    top:50%;
    width:550px;
    height:212px;
    margin-left:-275px;
    margin-top:-132px;
    z-index:20;
}


#section_header .background_wrapper{
    width:100%;
    height:320px;
    overflow:hidden;
    position:absolute;
    left:0px;
    top:0px;
    background-color:#000;
    z-index:10;
}


#section_header .background_wrapper .movie_frontefx01{
    position:absolute;
    z-index:30;
    width:100%;
    height:100%;
    opacity:0.8;
}


#section_header .background_wrapper .movie_frontefx02{
    position:absolute;
    z-index:30;
    width:100%;
    height:100%;
    opacity:0.8;
    background:url(../images/common/background_movie_frontefx_pattern.png) center top repeat fixed;
}


#section_header .background_wrapper .background_image{
    position:absolute;
    top:50%;
    left:50%;
    z-index:10;
    width:1920px;
    height:320px;
    margin-top:-160px;
    margin-left:-960px;
}

#section_header .background_wrapper .background_image img{
    width:100%;
    min-width:1920px;
    height:auto;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    -ms-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

#section_header .background_wrapper .background_image img.yscrolling.fire{
    opacity:1.0;
    -webkit-transform:scale(1.0);
    -moz-transform:scale(1.0);
    -ms-transform:scale(1.0);
    transform:scale(1.0);
}



/* ----------------------------------------------------------------------
#section_article_header
---------------------------------------------------------------------- */

#section_article_header{
    text-align:center;
    padding-bottom:30px;
    position:relative;
    z-index:200;
    margin-top:-20px;
}


#section_article_header .article_date{
    font-family: 'Teko', sans-serif;
    background-color:#000;
    padding:2px 6px;
    display:inline-block;
    color:#fff;
    font-size:32px;
    line-height:1.0em;
    letter-spacing:2px;
    vertical-align:middle;
}
#section_article_header .article_date span{
    padding-left:4px;
    display:inline-block;
    font-size:24px;
    line-height:1.0em;
    vertical-align:middle;
}

#section_article_header .article_title{
    margin-top:30px;
    color:#fff;
    letter-spacing:1px;
}


#section_article_header .article_title span{

    font-size:36px;
    line-height:1.2em;
    padding:4px 10px;
    display:inline-block;
    background-color:#000;
}

#socialicon{
    margin-top:30px;
    font-size:0px;
    line-height:0px;
    text-align:center;
}

#socialicon li{
    display:inline;
    margin-right:20px;
}

#socialicon li:last-child{
    margin-right:0px;
}


@media only screen and (max-width:640px){

/* ----------------------------------------------------------------------
common
---------------------------------------------------------------------- */
.section_content{
    width:640px;
}

#section_article_content{
    border-top:6px solid #000;
    border-bottom:6px solid #000;
    border-left:none;
    border-right:none;
    box-sizing:border-box;
    padding:40px 30px;
    background-color:rgba(255,255,255,0.5);
}
.text{
    margin-top:20px;
    font-size:24px;
    line-height:1.8em;
}
.subtitle{
    margin-top:30px;
    border-left:6px solid #fb428c;
    font-size:30px;
    padding:4px 6px 4px 16px;
}

.subtitle.nomargintop.spmarginenabled{
    margin-top:30px;
}

.simplelist{
    font-size:24px;
}

.simplelist li{
    line-height:1.6em;
    padding-bottom:10px; 
}

.imagelist{
    margin-top:20px;
    text-align:center;
}
.imagelist .description{
    margin-top:15px;
    font-size:24px;
    line-height:1.6em;
}

.imagelist li{
    margin-right:34px;
}

.imagelist.three_column li:nth-child(2n){
    margin-right:0px;
}

.imagelist.three_column li:last-child{
    margin-right:0px;
}

.imagelist.three_column li:nth-child(n+3){
    margin-top:20px;
}

a.textbutton{
    -webkit-transition-property:initial;
    -webkit-transition-duration:initial;
    -webkit-transition-timing-function:initial;
    -moz-transition-property:initial;
    -moz-transition-duration:initial;
    -moz-transition-timing-function:initial;
    -ms-transition-property:initial;
    -ms-transition-duration:initial;
    -ms-transition-timing-function:initial;
    transition-property:initial;
    transition-duration:initial;
    transition-timing-function:initial;
}

a.textbutton span.inner{
    border:4px solid #fff;
    padding:22px 22px;
    min-width:400px;
    font-size:28px;
}

a.textbutton:hover{
    background:#fb428c;
}

.table_template th,.table_template td{
    padding:12px 12px;
    font-size:24px;
    line-height:1.5em;
}

/* ----------------------------------------------------------------------
#section_article_header
---------------------------------------------------------------------- */

#section_article_header{
    margin-top:-20px;
    padding-left:20px;
    padding-right:20px;
}


#section_article_header .article_title span{

    font-size:34px;
}
#socialicon{
    margin-top:20px;
}

#socialicon li{
    display:inline;
    margin-right:20px;
}

#socialicon li:last-child{
    margin-right:0px;
}

        
}