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

/* アコーディオン */
.ac-container{
    width: 100%;
    margin: 0 auto;
	text-align: center;
	font-size: 12px;
}
.ac-container label{
    width: 100%;
    text-align: center;
    margin: auto;
    padding: 10px 5px;
    position: relative;
    display: block;
    cursor: pointer;
    color: #fff;
}
.ac-container label:hover{
	text-decoration: underline;
}
/*.ac-container input{
   display: none;
}*/
.ac-container div{
   margin-top: -1px;
   overflow: hidden;
   /*height: 0px;*/
   position: relative;
   z-index: 1;
   transition: 
   height 0.3s ease-in-out, 
   box-shadow 0.6s linear;
}

.ac-small {
	display: inline-block;
	}
.ac-container input:checked ~ div{
   transition: 
   height 0.5s ease-in-out, 
   box-shadow 0.1s linear;
}
.ac-container div ul{
   padding: 1em;
   color: #fff;
   line-height: 1.4em;
   text-align: left;
}
.ac-small li a{
	text-decoration: none;
}
.ac-small li a:hover{
	text-decoration: underline;
}
.ac-container label{
	text-decoration: underline;
}
.ac-container label:hover{
	text-decoration: none;
}

/* 高さの定義 
.ac-container div.ac-small{
   height: 20em;
}*/
/*@media only screen and (max-width: 1440px) {
.ac-container div.ac-small{
   height: 20em;
}
.ac-container div ul{
   padding: 0 1em;
}
	}*/
@media only screen and (min-width:768px) and ( max-width:1440px) {
.ac-container div.ac-small{
   height: 34em;
}
.ac-container div ul{
   padding: 0 1em;
}
	}
@media only screen and (min-width:480px) and ( max-width:768px) {
.ac-container div.ac-small{
   height: 48em;
}
.ac-container div ul{
   padding: 0 1em;
}
	}
@media only screen and (max-width: 480px) {
.ac-container div.ac-small{
   height: 90em;
}
	}