@charset "UTF-8";



.top-banner-wrap{
margin:1em auto 3em;
padding:1em;
max-width:800px;
}

.top-banner-wrap > div{
margin:3em auto;
text-align:center;
}

.top-banner-wrap div img{
border:#333 solid 1px;
}

.top-banner-wrap div a:hover{
position:relative;
left:1px;
top:1px;
}




h1#cont-top{
margin:0 0 1em;
padding:0.5em 1em;
color:#FFF;
font-size:140%;
background-color:#008080;
border-radius:6px;
text-align:center;
}

.outline{
margin:1em auto;
padding:1em;
background-color:#FEFAE9;
border:#FC0 solid 5px;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
text-align:left;
}

.outline p{
margin:0.2em 0.5em;
padding:0.2em;
}

section{
margin:0.5em auto;
}

section h2{
clear:both;
margin:30px auto 10px;
padding:5px 5px 5px 10px;
border-left:#339933 solid 4px;
background-color:#F2F2F2;
font-size:100%;
text-align:left;
}


section h3{
padding:6px;
font-size:120%;
background-color:#008080;
color:#FFF;
}


section p{
margin:0.5em 1em;
text-align:left;
}


#logos-col h2{
clear:both;
margin:30px auto 10px;
padding:5px 5px 5px 10px;
border-left:#339933 solid 4px;
background-color:#339933;
color:#FFF;
font-size:100%;
text-align:left;
}


/* .cp-02
------------------------------- */

.cp-02 h1#cont-top{
background-color:#400000;
}

.cp-02 section h2{
border-left:#990000 solid 4px;
}

.cp-02 section h3{
background-color:#400000;
}






/* .top-menu
------------------------------- */
.top-menu{
margin:1em auto;
line-height:1.2;
list-style:none;
}

.top-menu a{
position:relative;
display:block;
margin:0.8em 0.2em;
padding:10px;
color:#412121;
background-color:rgba(204,153,102,0.5);
text-decoration:none;
font-weight:700;
}

.top-menu a:after{
position:absolute;
right:2%;
top:50%;
content:'\f107';
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
font-size:140%;
color:#412121;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
transform:translateY(-50%);
}


.top-menu a:hover{
background-color:rgba(204,153,102,0.3);
}



/* .lineup-col
------------------------------ */
.lineup-col{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}

.item{
margin:2%;
border:#999 solid 1px;
flex:0 0 96%;
font-size:14px;
background-color:#F7F7F7;
}





@media (min-width:640px) {

.item{
margin:2%;
flex:0 0 45%;
}

.item.logos{
margin:2%;
border:#999 solid 1px;
flex:0 0 96%;
font-size:14px;
background-color:#F7F7F7;
}

}



@media (min-width:700px) {
	
/* .top-menu
------------------------------- */
.top-menu{
display:flex;
align-items:stretch;
justify-content:center;
width:100%;
}

.top-menu a{
flex:1;
text-align:center;
padding-bottom:1.5em;

/** 以下中央揃え**/
display:-webkit-box;
display:-ms-flexbox;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}

.top-menu a:after{
position:absolute;
right:0;
left:0;
top:75%;
}


}	



@media (min-width:960px) {
	
/* .top-menu
------------------------------- */
.top-menu{
font-size:120%;
}

}