@charset "utf-8";


li{
list-style: none;
}

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

ul.acordion li {
	margin:0;
	cursor: pointer;
}
 
ul.acordion li:first-child {
	margin:0
}
 
ul.acordion li ul {
margin: 0;
padding: 0;
border: none;
}
 
ul.acordion li ul li {
background: #ffffff;
}
 
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-profile02_sp.png) no-repeat center;
    display: block;
    padding: 15px;
    height: 54px;
    background-size: 100%;
}
 
ul.acordion li .active-submenu2 {
	background: url(../images/triggeractive-profile02_sp.png) no-repeat 98% 50%;
	display: block;
	padding: 15px;
	height: 54px;
	background-size: 100%;
}


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

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

ul.acordion2 {
    max-width: 940px;
    margin: 5px 10px 10px ;
    padding: 0;
}

ul.acordion2 li {
	margin:0;
	cursor: pointer;
}
 
ul.acordion2 li:first-child {
	margin:0
}
 
ul.acordion2 li ul {
margin: 0;
padding: 0;
border: none;
}
 
ul.acordion2 li ul li {
	background: #f9f9f9;
	border-radius: 5px;
}
 
ul.acordion2 li ul li:last-child{
border-bottom: none;
}
 

ul.acordion2 li .none-submenu4 {
background: url(../images/trigger-profile04.png) no-repeat center;
    display: block;
    padding: 15px;
    margin-left: 0;
    background-size: 48%;
}
 
ul.acordion2 li .active-submenu4 {
	background: url(../images/triggeractive-profile04.png) no-repeat center;
	display: block;
	padding: 15px;
	margin-left: 0;
	background-size: 48%;
}


/*768px 以上の画面幅て適用する CSS*/
@media screen and (min-width:768px){
 
ul.acordion{
max-width: 942px;
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: #ffffff;
}
 
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: 102px;
    background-size: 100%;
}
 
ul.acordion li .active-submenu {
	background: url(../images/triggeractive-profile.png) no-repeat 98% 50%;
	display: block;
	padding: 15px;
	height: 102px;
	background-size: 100%;
}
 

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

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

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

ul.acordion2{
max-width: 940px;
margin: 5px 15px 30px;
padding: 0;
}
 
ul.acordion2 li {
	margin:0
}
 
ul.acordion2 li:first-child {
	margin:0
}
 
ul.acordion2 li ul {
	margin: 0;
	padding: 0;
	border: none;
}
 
ul.acordion2 li ul li {
	background: #f9f9f9;
	border-radius: 5px;
}
 
ul.acordion2 li ul li:last-child{
	border-bottom: none;
}
 

ul.acordion2 li .none-submenu4 {
background: url(../images/trigger-profile04.png) no-repeat;
    display: block;
    padding: 15px;
    margin-left: 4%;
}
 
ul.acordion2 li .active-submenu4 {
	background: url(../images/triggeractive-profile04.png) no-repeat;
	display: block;
	padding: 15px;
	margin-left: 4%;

}


}
/*768px 以上の画面幅て適用する 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%
}
}
*/