@charset "utf-8";

/* CSS Document */

/* ----------------------------------------------------------------------
main
---------------------------------------------------------------------- */
html{
}

body {
    min-width:640px;
    text-align:center;
}

a{
    cursor:pointer;
}

a:link,a:visited{
    color:#ff002a;   
}

a:hover{
    color:#ff3355;   
}

a.fadeeffect{
    opacity:1.0;
    -webkit-transition-property:opacity;
    -webkit-transition-duration:0.1s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-property:opacity;
    -moz-transition-duration:0.1s;
    -moz-transition-timing-function: ease-out;
    -ms-transition-property:opacity;
    -ms-transition-duration:0.1s;
    -ms-transition-timing-function: ease-out;
    transition-property:opacity;
    transition-duration:0.1s;
    transition-timing-function: ease-out;
}

a.fadeeffect:hover{
    opacity:0.8;   
}


/* ----------------------------------------------------------------------
template edited
---------------------------------------------------------------------- */

#contents{
    width:100%;
    background:url(../images/content/background.jpg) center top no-repeat;
    height:1693px;
    padding-top:135px;
    font-size:0px;
    line-height:0px;
}

#sqexFooter{
    border-top:1px solid #333333;
}

#wp{
    width:100%;
}


#portallink{
    margin-top:800px;   
}


/* ----------------------------------------------------------------------
                               smartphone
---------------------------------------------------------------------- */
@media only screen and (max-width:640px){
    html{
        -webkit-text-size-adjust: 100%;
        min-width:100%;
    } 

    body{
        min-width:100%;   
    }
    #sqexFooter{
        font-size:18px;
    }

    #contents{
        width:100%;
        background:url(../images/content/background_sp.jpg) center top no-repeat;
        height:1000px;
        padding-top:80px;
    }


    #portallink{
        margin-top:110px;   
    }

    
}


div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, brockquote, pre, table, caption, th, td, address, form, fieldset, legend, object,a,span{
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing: border-box;

}

/* --------------------------------------------------
	align float
-------------------------------------------------- */
.align_left{text-align: left;}
.align_center{text-align: center;}
.align_right{text-align: right;}
.fl_left{float: left;}
.fl_right{float: right;}
.clear{clear: both; height: 0; _height:1px; overflow: hidden;}
.clearfix{display:inline-block;}
.clearfix:after{clear: both; display: block; content: "."; visibility: hidden; height: 0;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* --------------------------------------------------
	margin
-------------------------------------------------- */

.mgauto{
	margin:0 auto;
}

.mg0top {
	margin-top:0px;
}

.mg5top {
	margin-top:5px;
}


.mg10top {
	margin-top:10px;
}


.mg20top {
	margin-top:20px;
}

.mg30top {
	margin-top:30px;
}

.mg40top {
	margin-top:40px;
}

.mg50top {
	margin-top:50px;
}
/* ----------------------------------------------------------------------
	other
---------------------------------------------------------------------- */

.imgtxt{
	text-indent:-9999px;
	overflow:hidden;
	font-size:0px;
	line-height:0px;
	vertical-align:top;
}