@charset "UTF-8";


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

	div.navmenu ul.nav-menu{
		margin-bottom:90px!important;
	}
	
	/* 未設定時表示 */
	div.mb-footer .first-mess{
		color:#fff;
	}

	/* モバイルフッター */
	footer#colophon{
		padding-bottom:70px!important;
		padding-bottom: calc(70px + env(safe-area-inset-bottom))!important;
	}
	
	div.mb-footer{
		transition: 0.5s;
		position:fixed;
		width:100%;
		height:70px;
		height: calc(70px + env(safe-area-inset-bottom));
		background-color:#555555; /* モバイルフッターカラー */
		box-shadow: 0 0 10px gray;
		z-index:9000;
		bottom:0;
		box-sizing: border-box;
		/*bottom:-100px; 隠す場合*/
	}
	
	div.mb-footer.hide{
		bottom:0!important;
		transition: 0.5s;
	}
	
	/* モバイルブロック */
	.mb-footer-box{
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		padding: 10px;
	}

	
	/* モバイルメニュー枠 */
	.mb-footer-sub{
		position: relative;
		width: calc(100% - 55px);
	}
	.mb-footer-sub.mblogset{
		width: calc(100% - 110px);
		margin-right: 5px;
	}
	
	/* モバイルメニュー */
	.menu-mbfooter-container{
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.menu-mbfooter-container ul{
		margin: 0;
		padding: 0;
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.menu-mbfooter-container ul li{
		margin: 0!important;
		padding: 0!important;
		width: 32%;
		list-style-type: none;
		display: inline-block;
		text-align: center;
	}
	.mbmset2 .menu-mbfooter-container ul li{
		width: 49%;
	}
	.mbmset3 .menu-mbfooter-container ul li{
		width: 32%;
	}
	.mbmset4 .menu-mbfooter-container ul li{
		width: 23.5%;
	}

	.menu-mbfooter-container ul li a{
		display: block;
		width: 100%;
		color: #ffffff;
		text-decoration: none;
		font-size: 12px;
		height: 50px;
		border: solid 1px rgba(255, 255, 255, 0.5);
		box-sizing: border-box;
		padding-top: 8px;
	}
	.mbmset4 .menu-mbfooter-container ul li a{
		font-size: 0;
		padding-top: 15px;
	}
	
	.menu-mbfooter-container ul li>a::before{
		content:"";
		display:block;
		margin: 0 auto 0 auto;
		width:18px;
		height:18px;
		background-image:url("../img/mi-menutop2-w.png");
		background-repeat:no-repeat;
		background-size:contain;
	}
	.menu-mbfooter-container ul li.mi-menutop>a:before {
		background-image: url(../img/mi-menutop-w.png);
	}
	.menu-mbfooter-container ul li.mi-menutop2>a:before {
		background-image: url(../img/mi-menutop2-w.png);
	}
	.menu-mbfooter-container ul li.mi-home>a:before {
		background-image: url(../img/mi-home-w.png);
	}
	.menu-mbfooter-container ul li.mi-home2>a:before {
		background-image: url(../img/mi-home2-w.png);
	}
	.menu-mbfooter-container ul li.mi-access>a:before {
		background-image: url(../img/mi-access-w.png);
	}
	.menu-mbfooter-container ul li.mi-mail>a:before {
		background-image: url(../img/mi-mail-w.png);
	}
	.menu-mbfooter-container ul li.mi-tel>a:before {
		background-image: url(../img/mi-tel-w.png);
	}
	.menu-mbfooter-container ul li.mi-freed>a:before {
		background-image: url(../img/mi-freed-w.png);
	}
	.menu-mbfooter-container ul li.mi-mobile>a:before {
		background-image: url(../img/mi-mobile-w.png);
	}
	.menu-mbfooter-container ul li.mi-man>a:before {
		background-image: url(../img/mi-man-w.png);
	}
	.menu-mbfooter-container ul li.mi-hum>a:before {
		background-image: url(../img/mi-hum-w.png);
	}
	.menu-mbfooter-container ul li.mi-kensaku>a:before {
		background-image: url(../img/mi-kensaku-w.png);
	}
	.menu-mbfooter-container ul li.mi-build>a:before {
		background-image: url(../img/mi-build-w.png);
	}
	.menu-mbfooter-container ul li.mi-cart>a:before {
		background-image: url(../img/mi-cart-w.png);
	}
	.menu-mbfooter-container ul li.mi-dentaku>a:before {
		background-image: url(../img/mi-dentaku-w.png);
	}
	.menu-mbfooter-container ul li.mi-haguruma>a:before {
		background-image: url(../img/mi-haguruma-w.png);
	}
	.menu-mbfooter-container ul li.mi-pay>a:before {
		background-image: url(../img/mi-pay-w.png);
	}
	.menu-mbfooter-container ul li.mi-power>a:before {
		background-image: url(../img/mi-power-w.png);
	}
	.menu-mbfooter-container ul li.mi-voice>a:before {
		background-image: url(../img/mi-voice-w.png);
	}
	.menu-mbfooter-container ul li.mi-jimu>a:before {
		background-image: url(../img/mi-jimu-w.png);
	}
	.menu-mbfooter-container ul li.mi-kougu>a:before {
		background-image: url(../img/mi-kougu-w.png);
	}
	.menu-mbfooter-container ul li.mi-koujyou>a:before {
		background-image: url(../img/mi-koujyou-w.png);
	}
	.menu-mbfooter-container ul li.mi-info>a:before {
		background-image: url(../img/mi-info-w.png);
	}
	.menu-mbfooter-container ul li.mi-hatena>a:before {
		background-image: url(../img/mi-hatena-w.png);
	}
	.menu-mbfooter-container ul li.mi-login>a:before {
		background-image: url(../img/mi-login-w.png);
	}
	.menu-mbfooter-container ul li.mi-logout>a:before {
		background-image: url(../img/mi-logout-w.png);
	}
	.menu-mbfooter-container ul li.mi-access2>a:before {
		background-image: url(../img/mi-access2-w.png);
	}
	.menu-mbfooter-container ul li.mi-folder>a:before {
		background-image: url(../img/mi-folder-w.png);
	}
	.menu-mbfooter-container ul li.mi-network>a:before {
		background-image: url(../img/mi-network-w.png);
	}
	.menu-mbfooter-container ul li.mi-note1>a:before {
		background-image: url(../img/mi-note1-w.png);
	}
	.menu-mbfooter-container ul li.mi-palette>a:before {
		background-image: url(../img/mi-palette-w.png);
	}
	.menu-mbfooter-container ul li.mi-calendar>a:before {
		background-image: url(../img/mi-calendar-w.png);
	}
	.menu-mbfooter-container ul li.mi-check>a:before {
		background-image: url(../img/mi-check-w.png);
	}
	.menu-mbfooter-container ul li.mi-team>a:before {
		background-image: url(../img/mi-team-w.png);
	}
	
	/* オリジナルアイコン用割り当て */
	.menu-mbfooter-container ul li.mi-icon01>a:before {
		background-image: url(../mystyle/img/mi-icon01-w.png);
	}
	.menu-mbfooter-container ul li.mi-icon02>a:before {
		background-image: url(../mystyle/img/mi-icon02-w.png);
	}
	.menu-mbfooter-container ul li.mi-icon03>a:before {
		background-image: url(../mystyle/img/mi-icon03-w.png);
	}
	.menu-mbfooter-container ul li.mi-icon04>a:before {
		background-image: url(../mystyle/img/mi-icon04-w.png);
	}
	.menu-mbfooter-container ul li.mi-icon05>a:before {
		background-image: url(../mystyle/img/mi-icon05-w.png);
	}
	.menu-mbfooter-container ul li.mi-icon06>a:before {
		background-image: url(../mystyle/img/mi-icon06-w.png);
	}
	.menu-mbfooter-container ul li.mi-icon07>a:before {
		background-image: url(../mystyle/img/mi-icon07-w.png);
	}
	.menu-mbfooter-container ul li.mi-icon08>a:before {
		background-image: url(../mystyle/img/mi-icon08-w.png);
	}
	
	/* ヘッダーログイン：モバイル */
	.setmb_box{
		width: 50px;
		height: 50px;
	}
	a.setmb_logout,
	a.setmb_login{
		position:relative;
		display: block;
		color: #fff;
		text-align: center;
		background-color: rgba(255, 255, 255, 0.2);
		font-size: 8px;
		padding: 0;
		margin: 0;
		text-decoration: none;
		width:100%;
		height:100%;
		box-sizing: border-box;
		padding-top: 7px;

	}
	.mbmset4 a.setmb_logout,
	.mbmset4 a.setmb_login{
		font-size: 0;
		padding-top: 10px;
	}
	a.setmb_logout::before,
	a.setmb_login::before{
		content:"";
		display:block;
		background-image:url("../img/mi-login-w.png");
		background-repeat:no-repeat;
		background-size:contain;
		width:22px;
		height:22px;
		margin: 0 auto 2px auto;
	}
	a.setmb_logout::before{
		background-image:url("../img/mi-logout-w.png");
	}
	
}

@media screen and (max-width: 319px) {
	.menu-mbfooter-container ul li a{
		font-size: 12px;
	}
	.menu-mbfooter-container ul li{
		margin: 5px 10px 0 0;
	}
}

@media screen and (min-width: 992px) {

	/* =fotter
	-------------------------------------------------------------- */

	/* mobile-footer */
	div.mb-footer{
		display:none;
	}

}