#accMenu {color:#fff;}
#accMenu:before,#accMenu:after{content: ''; height: 10px; display: block; background-color: #ebb879; }/*上下帯の色*/
/* #accMenu:before,#accMenu:after{content: ''; height: 20px; display: block; background-color: #1F8EFF; } */
#accMenu:before{border-radius: 5px 5px 0 0;}
#accMenu:after{border-radius: 0 0 5px 5px;}
/* #accMenu dt {position: relative; cursor:pointer; background-color: #0070e1; transition: background-color .4s; border-bottom:solid 2px #fff;} */
#accMenu dt {position: relative; cursor:pointer; background-color: #cc914a; transition: background-color .4s; border-bottom:solid 2px #fff;}/*ホバー前の背景色*/
#accMenu dt:last-of-type { border:none;}
/* #accMenu dt:first-of-type {border-radius: 10px 10px 0 0;}
#accMenu dt:last-of-type {border-radius: 0 0 10px 10px;} */
#accMenu dt:hover {background-color: #a66e2c;}/*ホバー後の背景色*/
#accMenu dd{ border:solid 2px #eee; color:#333; display: none;}

#accMenu .fa {position: absolute; top: 30%; right: 25px; font-size: 30px; transition: all .2s; text-shadow: 0 3px 0 #a66e2c;}
#accMenu .fa.active {top: 20%; right: 33px; transform: rotate(-90deg); text-shadow: -3px 0 0 #a66e2c;}
.indent {padding-left: 2em !important;; text-indent: -1em !important; }

@media screen and (max-width: 420px) {
	#accMenu {font-size: 12px;}
	#accMenu dt { padding: 15px 40px 15px 10px; }
	#accMenu dd { padding: 10px; }
	#accMenu .fa {position: absolute; top: 19px; right: 17px; font-size: 1.5em; }
	#accMenu .active.fa {top: 13px; right: 25px;}
}