@charset "utf-8";

/* IMPORT RESET */
@import url("reset.css");

/* IMPORT 24 COLUMN */
@import url("samplegrid_24col.css");

/* IMPORT Webiconfont */
@import url("icon.css");

/* IMPORT Webiconfont */
@import url("common.css");


a{
-webkit-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;   
}

a:hover{opacity: 0.7;}

/* 基本コンテンツ幅 */
.container{ max-width: 1100px;}




header{
padding-top: 2em;   
text-align: center;
}

footer {
    text-align: center;
    background-color: #000;
    color: #fff;
    margin-top: 100px;
    position: fixed;
    width: 100%;
    bottom: 0;
}


.description{
padding: 1em;
border: 5px dashed #aaa;
border-radius: 5px;
margin: 2em 2em;
font-size: 1.2em;
}



nav ul{
border-right: 1px solid #333; 
}
nav li{
border-left: 1px solid #333; 
}
nav a{
color: #fff;
text-align: center;
padding: 1em 0;
}



.col img{
width: 100%;
height: auto;
}




section div {
text-align: center;
}

.kv{margin: 6em 0 3em;}

.mess img{margin-bottom: 1.5em;}
.mess {
margin-bottom: 3em;
padding: 0 20px;
}


.cats {
width: 100%;
max-width: 660px;
display: flex;
justify-content: space-between;
margin: 0 auto;
padding: 0 20px;
}

.cats div{
padding: 0 5px;
}