@charset "utf-8";
/* CSS Document */

html,
html * {
    padding:0;
    margin:0;
    box-sizing:border-box;
    font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"
}


/* ===== Global Common Style ===== */

footer small{
    font-size:-1em;
    text-align:right;
}



.style-logo{
    margin:0 auto;
    display: block !important;
    position:relative;
}

.style-logo p{
    top:10%;
    left:10%;
    text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff ;
    /*-ms-transform: translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);*/
    margin:0;
    padding:0;
    position:absolute;
    color:#005aff;
    font-size:2em;
    font-family:'M PLUS 1p', sans-serif;

}

.style-logo img{
    margin:0.5em;
    width:100%;
}

.style-logo2{
    margin:0.5em;
    /*margin:0 auto;*/
    display: none !important;
}

.style-nav ul{
    list-style-type: none;
}

.style-nav ul li a{
    margin:1em;
    text-decoration: none;
    border-radius: 10px;
    color:#000000;
    text-align: center;
    display: block;
    padding:8px;
}

.style-nav ul li u{
    margin:1em;
    text-decoration: none;
    border-radius: 10px;
    color:#000000;
    text-align: center;
    display: block;
    padding:8px;
}

.style-nav ul li a:hover {
    padding:8px;
    color:#fff/*#d8f255*/;
    margin:1em;
    border-radius: 10px;
    background-color: #005aff/*#d8f255*/;
    /*グラデーション
    background-image:-webkit-radial-gradient(#d8f255 30%,transparent 80%);
    background-image:-o-radial-gradient(#d8f255 30%,transparent 80%);
    background-image:radial-gradient(#d8f255 30%,transparent 80%);*/
}

.style-nav ul li a:visit{
    margin:1em;
    text-decoration: none;
    color:#000000;
    text-align: center;
    display: block;
    padding:8px;
}

.history {
    margin:0 auto;
    overflow: hidden;
    width:95%;
    padding:1em;
    border-radius: 10px;
    background-color:#bfe4ff;
}

.profile {
    margin:0 auto;
    overflow: hidden;
    width:95%;
    padding:1em;

}

.profile ul{
    list-style-type: none;
    
    
}
.profile span{
    border-left-style: solid;
    margin-left:1em;
}

.profile ul li{
    
}

.profile ul li ul{
    margin:2em;
}


.f_clear {/*回り込みをさせたくないときに使用*/
    clear:both;    
    padding-top: 1em;
    padding-left: 1em;
}

h2{
    padding:0.5em;
}

h3 span{
    border-left-style: solid;
    margin-left:1em;
}

/*タブレット用*/
@media (min-width: 768px){
    
    .style-nav ul li {
        display: inline-block;
    }
    
    .style-nav ul {
        text-align: center;
    }
    .style-logo { display: block!important;}
    .style-logo2 { display: none!important;}
}

/*デスクトップ用*/
@media (min-width: 1024px){
    
    .style-logo2 {
        display: block!important;
        float:left;
    }
    
    .style-logo {
        display: none!important;
    }

    
}