@charset "utf-8";


li{
list-style: none;
* cursor: pointer; */
}

ul.acordion {
    max-width: 940px;
    margin: 20px 10px 10px ;
    padding: 0;
}

ul.acordion li {
	margin:0
}
 
ul.acordion li:first-child {
	margin:0
}
 
ul.acordion li ul {
margin: 0;
padding: 0;
border: none;
}
 
ul.acordion li ul li {
background: #fefcf7;
}
 
ul.acordion li ul li:last-child{
border-bottom: none;
}
 

ul.acordion li .none-submenu {
background: url(../images/trigger-profile_sp.png) no-repeat center;
    display: block;
    padding: 15px;
    height: 54px;
    background-size: 100%;
}
 
ul.acordion li .active-submenu {
	background: url(../images/triggeractive-profile_sp.png) no-repeat 98% 50%;
	display: block;
	padding: 15px;
	height: 54px;
	background-size: 100%;
}
 

ul.acordion li .none-submenu2 {
background: url(../images/trigger-spices_sp.png) no-repeat center;
    display: block;
    padding: 15px;
    height: 54px;
    background-size: 100%;
}
 
ul.acordion li .active-submenu2 {
	background: url(../images/triggeractive-spices_sp.png) no-repeat 98% 50%;
	display: block;
	padding: 15px;
	height: 54px;
	background-size: 100%;
}




/*768px �ȏ�̉�ʕ��ēK�p���� CSS*/
@media screen and (min-width:768px){
 
ul.acordion{
max-width: 940px;
margin: 50px 15px;
padding: 0;
}
 
ul.acordion li {
	margin:0
}
 
ul.acordion li:first-child {
	margin:0
}
 
ul.acordion li ul {
margin: 0;
padding: 0;
border: none;
}
 
ul.acordion li ul li {
background: #fefcf7;
}
 
ul.acordion li ul li:last-child{
border-bottom: none;
}
 

 
ul.acordion li .none-submenu {
background: url(../images/trigger-profile.png) no-repeat center;
    display: block;
    padding: 15px;
    height: 122px;
    background-size: 100%;
}
 
ul.acordion li .active-submenu {
	background: url(../images/triggeractive-profile.png) no-repeat 98% 50%;
	display: block;
	padding: 15px;
	height: 122px;
	background-size: 100%;
}
 

ul.acordion li .none-submenu2 {
background: url(../images/trigger-spices.png) no-repeat center;
    display: block;
    padding: 15px;
    height: 122px;
    background-size: 100%;
}
 
ul.acordion li .active-submenu2 {
	background: url(../images/triggeractive-spices.png) no-repeat 98% 50%;
	display: block;
	padding: 15px;
	height: 122px;
	background-size: 100%;
}


}
/*768px �ȏ�̉�ʕ��ēK�p���� CSS�����܂� */


/*
@media only screen and (max-width: 600px) {
ul.acordion li .none-submenu{
	background: url(../trigger-arrow.png) no-repeat 96% 50%;
	background-size: 100%
}
ul.acordion li .active-submenu{
	background: url(../triggeractive-arrow.png) no-repeat 96% 50%; 
	background-size: 100%
}
}
*/

