@charset "utf-8";

/* CSS Document */
/* ----------------------------------------------------------------------
main
---------------------------------------------------------------------- */
body {
    /*min-width:1250px;*/
}

#wp{
    position:relative;
    z-index:10;
    overflow-x:hidden;
}

#contents{
    position:relative;
    background:transparent;
}

img{
    user-select: none; /* CSS3 */
    -moz-user-select: none; /* Firefox */
    -webkit-user-select: none; /* Safari、Chromeなど */
    -ms-user-select: none; /* IE10かららしい */
}

a{
    cursor:pointer;
}

.sectionobj{
    display:block;
}

a.alphahover{
    opacity:1.0;
}
a.alphahover:hover{
    opacity:0.7;
}

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;   
}

/* ----------------------------------------------------------------------
loadingbox
---------------------------------------------------------------------- */

#loader_info{
    text-align:center;
    width:510px;
    height:116px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-255px;
    margin-top:-48px;
    font-size:36px;
    line-height:36px;
    color:#fff;
    font-family: 'Teko', sans-serif;
    z-index:1000000;
    letter-spacing:1px;
}

#loader_info span{
    display:block;
    margin-top:14px;
    font-size:60px;
}

#loadingbox{
    width:100%;
    height:100%;
    position:fixed;
    left:0px;
    top:0px;
    overflow:hidden;
    z-index:100000;
    /*background-color:#000;*/
    display:block;
}

#loadingbox_background{
    width:100%;
    height:100%;
    position:fixed;
    left:0px;
    top:0px;
    overflow:hidden;
    z-index:1020;
    background-color:#000;
    display:block;
}

#loader_animation{
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-180px;
    margin-top:-180px;
    width:360px;
    height:360px;
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    transform:rotate(135deg);
    font-size:0px;
    line-height:0px;
    overflow:hidden;
}

#loader_animation .borderobj{
    position:absolute;
    background-color:#fff;
}

#loader_animation .borderobj.border_top{width:360px;height:3px;top:0px;left:0px;
    -webkit-transform: translateX(-360px);
    -moz-transform: translateX(-360px);
    -o-transform: translateX(-360px);
    transform: translateX(-360px);
}
#loader_animation .borderobj.border_right{width:3px;height:360px;top:0px;right:0px;
    -webkit-transform: translateY(-360px);
    -moz-transform: translateY(-360px);
    -o-transform: translateY(-360px);
    transform: translateY(-360px);
}
#loader_animation .borderobj.border_bottom{width:360px;height:3px;bottom:0px;right:0px;
    -webkit-transform: translateX(720px);
    -moz-transform: translateX(720px);
    -o-transform: translateX(720px);
    transform: translateX(720px);
}
#loader_animation .borderobj.border_left{width:3px;height:360px;bottom:0px;left:0px;
    -webkit-transform: translateY(720px);
    -moz-transform: translateY(720px);
    -o-transform: translateY(720px);
    transform: translateY(720px);
}


#contentmask{
	position:fixed;
	width:100%;
	height:100%;
	background:url(../images/common/dummy.gif) left top repeat;
	display:none;
	z-index:1009990;
	left:0px;
	top:0px;
}

.device_ipad a.fadeeffect{
    -webkit-transition-property:initial;
    -webkit-transition-duration:0.0s;
    -moz-transition-property:initial;
    -moz-transition-duration:0.0s;
    -ms-transition-property:initial;
    -ms-transition-duration:0.0s;
    transition-property:initial;
    transition-duration:0.0s;
}

.device_ipad a.fadeeffect:hover{
    opacity:1.0;   
}


@media only screen and (max-width:640px){
html{
-webkit-text-size-adjust: 100%;
} 
    
#sqexFooter{
    font-size:18px !important;
}

div#sqexFooter ul li{
    font-size:18px !important;
}

div#sqexFooter p.sqex-footer-copyright{
    width:90% !important;
    line-height:140%;
}

body{
    width:640px;
    min-width:640px;
    overflow-x:hidden;
}

a.alphahover{
    opacity:1.0;
}
a.alphahover:hover{
    opacity:1.0;
}

 
a.fadeeffect{
    -webkit-transition-property:initial;
    -webkit-transition-duration:0.0s;
    -moz-transition-property:initial;
    -moz-transition-duration:0.0s;
    -ms-transition-property:initial;
    -ms-transition-duration:0.0s;
    transition-property:initial;
    transition-duration:0.0s;
}

a.fadeeffect:hover{
    opacity:1.0;   
}

/* ----------------------------------------------------------------------
loadingbox
---------------------------------------------------------------------- */
#loader_info{
    /*position:fixed;*/
    width:240px;
    height:58px;
    margin-left:-120px;
    margin-top:-29px;
    font-size:20px;
}


}