@charset "utf-8";

body{
    margin:0;
    padding:0;
    background-color:#eeeeee;
    color:#333333;
    font-size:15 px;
    line-height:2;
}

p, h1, h2, h3, h4, h5, h6{
    margin-top:0;
}

img{
    vertical-align:bottom;
}

ul{
    margin:0;
    padding:0;
}

a{
    color:#3583aa;
    text-decoration:none;
}

a:visited{
    color:#788d98;
}

a:hover{
    text-decoration:underline;
}

header{
    width:960px;
    height:100px;
    margin:0 auto;
}

.logo{
    float:left;
    margin-top:50px;
}

.global-nav{
    float:right;
    margin-top:60px;
}

.global-nav li{
    float:left;
    margin:0 20px;
    font-size:20px;
    list-style:none;
    /*font-family: 'Roboto', sans-serif;*/
}

.global-nav li a{
/*    color:#ffffff;*/
/*    color:#333333;*/
}

.global-nav li a:hover{
    border-bottom:2px solid #ffffff;
    padding-bottom:3px;
    text-decoration:none;
}

#wrap{
    clear:both;
}

.content{
    width:960px;
    margin:0 auto;
}

footer{
    text-align:center;
    color:#ffffff;
    padding:20px 0;
}

footer small{
    font-size:12px;
}
/*******************/
/*.main-center{
    margin:20px;
}*/

@media screen and (max-width:600px) {
    /* 画面 サイズ が 600 px 以下 の 場合 に 適用 */
    img {
        max-width: 100%;
    }
    body { font-size: 5vw; }
    h1 { font-size: 7.2vw; }
    h2 { font-size: 6vw; }
    header { 
        width: auto;
        height: auto;
        margin: 0 5%; 
    }
    .logo {
        float: none;
        margin-top: 60px;
        text-align: center;
    }
    .global-nav {
        float: none;
        margin-top: 40px;
        text-align: center;
    }
    .global-nav li {
        display: inline; 
        float: none; 
        margin: 0 8 px;
    }
    #wrap { 
        margin-top: 40px; 
        padding: 35px 0 0;
    }
    .content { width: 100%; }
    .main { 
        float: none; 
        width: auto; 
        margin: 0 5%;
    }
    h2 img { max-width: 100%; }
/*    #portfolio { background-image: url(../images/aaa.jpg); } */
/*    .sidebar {
        width: auto;
        float: none;
        margin: 0;
        padding: 30 px 10% 10 px;
        background-color: #f7f6f4;

    }*/
}