@charset "utf-8";

/*-------------------------------------- 共通 */
img {
    max-width: 100%;
    height: auto;
    width: auto;
　
}
.image-responsive{
    width:100%;
    height:auto;
}
.sp{ display:none;}
.container{
/*    width:960px;*/
    margin: 0 auto;
}


/*-------------------------------------- Header */

header{
    width:100%;
    z-index:9999;
}
header .logo{
    float:left;
}
header .logo img{
    margin:10px 20px;
}

/*-------------------------------------- global-nav */

.global-nav.pc{
    width:100%;
    display:table;
    table-layout:fixed;
}
.global-nav.pc li{
    display:table-cell;
    font-size:16px;
}
.global-nav.pc li a{
    display:block;
    color:#FFF;
    padding: 8px 16px;
    text-align: center;
}

/*-------------------------------------- main */

.main{
    float:right;
    width: 692px;;
    padding:32px 16px;
}

/*-------------------------------------- sub */

.sub{
    float:left;
    padding:32px 16px;
    width:264px;
}
.sub nav li{
    margin:10px 0;
}

/*-------------------------------------- footer */

footer{
    width:100%;
    padding-top:30px;
    background:#222;
}
.footer-nav ul{
    display:block;
    table-layout: fixed;
    margin:0 auto;
}
.footer-nav ul li{
    display:table-cell;
    text-align:left;
}
.footer-nav ul li a{
    display:block;
    color:#FFF;
    margin-right:32px;
}
footer small{
    font-size:11px;
    color:#fff;
    margin-top:30px;
    display:block;
    text-align:center;
}

/**********************************************************各ページ**/


/*-------------------------------------- index */

.top-test{
    padding:40px 0;
    text-align:center;
    background:#EEEEEE;
}