@charset "UTF-8";
/**
 * メーニューのサイズや配色に関するスタイル
 */

/** メニューテキストのフォントサイズ */
.mysitemenubox {
	font-size: 14px;
}
/** メニューの高さ ※メニューテキストのフォントサイズを変更する場合は、こちらも適宜調整してください */
.mysitemenubox.mysitemenu_close {
	max-height: 22px;
}
/** メニューの幅 */
#mysitemenuopen_btn {
	width: 170px;
}
/** メニューの背景色 */
#mysitemenuopen_btn {
	background-color: #004a3e;
	color: #fff;
}
/** 言語メニューの背景色 */
#mysitemenulist li {
	background-color: #ccc;
}
/** 選択中言語の背景色、文字色 */
#mysitemenulist li.active {
	background-color: #fff0f1;
	color: #333;
}
/** more,lessボタンの背景色、文字色 */
#mysitemenulist li#mysitemenumore_btn {
	background-color: #000;
	color: #fff;
}
/** moreボタンのテキスト */
#mysitemenulist li#mysitemenumore_btn.mysitemenumore_btnclose:before {
	content: '▼';
}
#mysitemenulist li#mysitemenumore_btn.mysitemenumore_btnclose:after {
	content: 'more';
}
/** lessボタンのテキスト */
#mysitemenulist li#mysitemenumore_btn:before {
	content: '▲';
}
#mysitemenulist li#mysitemenumore_btn:after {
	content: 'less';
}

/**
 * ベーススタイル
 */
.mysitemenubox{position:fixed;display:block;margin:0;padding:0;cursor:pointer;user-select:none;width:auto;height:auto;overflow:hidden;line-height:1}.mysitemenubox,.mysitemenubox *{box-sizing:border-box}#mysitemenuopen_btn{padding:3px 5px;border:1px solid #999}#mysitemenulist{margin:0;padding:0;border-top:1px solid #333}#mysitemenulist ul{width:100%;margin:0;padding:0;list-style:none;display:inline-block}#mysitemenulist li{width:100%;padding:3px 5px;border-bottom:1px solid #333;border-left:1px solid #999;border-right:1px solid #999}#mysitemenulist li:hover{color:red}#mysitemenulist li.mysitemenudummy{display:none}#mysitemenulist li.mysitemenumore_close{display:none}#mysitemenulist li#mysitemenumore_btn{text-align:left;position:relative}#mysitemenulist li#mysitemenumore_btn.mysitemenumore_btnclose:before{position:absolute;right:5px}#mysitemenulist li#mysitemenumore_btn:before{position:absolute;right:5px}