@media only screen and (max-width: 768px) {

/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 3px 0 0 10px  }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both ;padding:1px 0;}
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }

.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
    font-size:16px;
	margin-top: -2px; /* 追加 */
	display:block;
	border-bottom: 3px solid #FF7800;
    background:url("https://www.collabo-n.com/images/logo1.png") left top #FFFFFF no-repeat;
    background-position:10px 12px;
    background-size:160px ;
    padding:5px 5px 5px 5px ;
}
/* Button */
.slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration:none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    background-color: #FF7800;　
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #FFF;
    font-weight: normal;
}

.slicknav_menu  .slicknav_menutxt:before {
    content: "メニュー";
    font-weight:bold;
}

/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}


.menubg2{
	background:#FF7800;
	padding: 5px;
	margin: 20px 0 0 0;
}

.menubg3{
	background:#7B7B7B;
	padding: 5px;
	margin: 20px 0 18px 0;
}

.menubg4{
	background:#A57900;
	padding: 5px;
	margin: 20px 0 18px 0;
}


.slicknav_nav ul{
	margin: 0 0 0 0;
	padding-left: 0;
}


.slicknav_nav ul li.menu_list {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe2aa+1,fff2de+50,ffe2aa+100 */
	background: #ffe2aa;
	width: 100%;
	height: 40px;
	text-align: left;
	font-size: 14px;
	line-height: 1;
	color: #000000;
	border-top: 1px solid #F37C3B;
	border-bottom: 1px solid #F37C3B;
	border-collapse:collapse;
	margin-top: -1px;
}

.slicknav_nav ul li.menu_list:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff0d6+1,fffaf4+50,fff0d6+100 */
	background: #fff0d6;
}

.slicknav_nav ul li.menu_list a {
	color: #000000;
	text-decoration: none;
	line-height:1;
	width: 100%;
	height: 16px;
	padding: 11px 0 27px 10px;
	display:block;
}

.slicknav_nav ul li.menu_list a:hover {
	color: #CCC000;
}

.slicknav_nav ul li.menu_list_now {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe2aa+1,fff2de+50,ffe2aa+100 */
	background: #ffe2aa;
	width: 100%;
	height: 40px;
	text-align: left;
	font-size: 14px;
	line-height: 1;
	color: #000000;
	border-top: 1px solid #F37C3B;
	border-bottom: 1px solid #F37C3B;
	border-collapse:collapse;
	margin-top: -1px;
}

.slicknav_nav ul li.menu_list_now:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff0d6+1,fffaf4+50,fff0d6+100 */
	background: #fff0d6;
}

.slicknav_nav ul li.menu_list_now a {
	color: #000000;
	text-decoration: none;
	line-height:1;
	width: 100%;
	height: 16px;
	padding: 11px 0 13px 10px;
	display:block;
}

.slicknav_nav ul li.menu_list_now a:hover {
	color: #CCC000;
}


.slicknav_nav ul li.menu_list5 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
	background: url("/images/member/micon16.png") no-repeat center left , #ffffff; /* Old browsers */
	background: url("/images/member/micon16.png") no-repeat center left , -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
	background: url("/images/member/micon16.png") no-repeat center left , -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
	background: url("/images/member/micon16.png") no-repeat center left , linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	width: 100%;
	text-align: left;
	font-size: 14px;
	line-height: 1;
	color: #000000;
	border-top: 1px solid #FF7800;
	border-bottom: 1px solid #FF7800;
	border-collapse:collapse;
	margin-top: -1px;
}

.slicknav_nav ul li.menu_list5:hover {
	background: url("/images/member/micon16.png") no-repeat center left , #ffffff;
}

.slicknav_nav ul li.menu_list5 a {
	color: #000000;
	text-decoration: none;
	line-height:1;
	padding: 13px 10px 13px 24px;
	display:block;
}

.slicknav_nav ul li.menu_list5 a:hover {
	color: #CCC000;
}


.slicknav_nav ul li.menu_list6 {
	background: url("/images/member/menu_b1.gif") repeat-x top;
	width: 100%;
	height: 40px;
	text-align: left;
	font-size: 14px;
	line-height: 1;
	color: #000000;
	border-top: 1px solid #7B7B7B;
	border-bottom: 1px solid #7B7B7B;
	border-collapse:collapse;
	margin-top: -1px;
}

.slicknav_nav ul li.menu_list6:hover {
	background: url("/images/member/menu_b1.gif") repeat-x bottom;
}

.slicknav_nav ul li.menu_list6 a {
	color: #000000;
	text-decoration: none;
	line-height:1;
	width: 100%;
	height: 16px;
	padding: 11px 0 13px 10px;
	display:block;
}

.slicknav_nav ul li.menu_list6 a:hover {
	color: #CCC000;
}


.slicknav_nav ul li.menu_list_denhit {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe2aa+1,fff2de+50,ffe2aa+100 */
	background: #ffe2aa;

	width: 100%;
	height: 80px;
	text-align: left;
	font-size: 14px;
	line-height: 1;
	color: #000000;
	border-top: 1px solid #F37C3B;
	border-bottom: 1px solid #F37C3B;
	border-collapse:collapse;
	margin-top: -1px;
}

.slicknav_nav ul li.menu_list_denhit:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff0d6+1,fffaf4+50,fff0d6+100 */
	background: #fff0d6;
}

.slicknav_nav ul li.menu_list_denhit_now {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe2aa+1,fff2de+50,ffe2aa+100 */
	background: #ffe2aa;

	width: 100%;
	height: 80px;
	text-align: left;
	font-size: 14px;
	line-height: 1;
	color: #000000;
	border-top: 1px solid #F37C3B;
	border-bottom: 1px solid #F37C3B;
	border-collapse:collapse;
	margin-top: -1px;
}

.slicknav_nav ul li.menu_list_denhit_now:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff0d6+1,fffaf4+50,fff0d6+100 */
	background: #fff0d6;
}



.slicknav_nav ul li.menu_list_denhit a {
	color: #000000;
	text-decoration: none;
	line-height:1;
	width: 100%;
	height: 32px;
	padding: 0;
	display:block;
}

.slicknav_nav ul li.menu_list_denhit a:hover {
	color: #CCC000;
}




.slicknav_nav ul li.menu_list_colabomaker {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe2aa+1,fff2de+50,ffe2aa+100 */
	background: #ffe2aa;

	width: 100%;
	height: 90px;
	text-align: left;
	font-size: 14px;
	line-height: 1;
	color: #000000;
	border-top: 1px solid #F37C3B;
	border-bottom: 1px solid #F37C3B;
	border-collapse:collapse;
	margin-top: -1px;
}

.slicknav_nav ul li.menu_list_colabomaker:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff0d6+1,fffaf4+50,fff0d6+100 */
	background: #fff0d6;
}

.slicknav_nav ul li.menu_list_colabomaker {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe2aa+1,fff2de+50,ffe2aa+100 */
	background: #ffe2aa;

	width: 100%;
	height: 90px;
	text-align: left;
	font-size: 14px;
	line-height: 1;
	color: #000000;
	border-top: 1px solid #F37C3B;
	border-bottom: 1px solid #F37C3B;
	border-collapse:collapse;
	margin-top: -1px;
}

.slicknav_nav ul li.menu_list_colabomaker_now:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff0d6+1,fffaf4+50,fff0d6+100 */
	background: #fff0d6;
}



.slicknav_nav ul li.menu_list_colabomaker a {
	color: #000000;
	text-decoration: none;
	line-height:1;
	width: 100%;
	height: 90px;
	padding: 0;
	display:block;
}

.slicknav_nav ul li.menu_list_colabomaker a:hover {
	color: #CCC000;
}










.micon{
	margin-top: -3px;
	margin-right: 10px;
	width: 25px;
}




}