@charset "utf-8";
/**********************************************************
** スマートフォン
**********************************************************/
*,
:after,
:before {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
html,body {
width:100%;
height:100%;
font-size:100%;
line-height:1.5;
	list-style-type: none;
}
#menu {
line-height:0;
list-style-type: none;
margin:0;
}
#toggle {
	left:0;
	text-align: left;
}

/* 画面サイズが480px以下の場合に適用 */
@media screen and (max-width:950) { 
body {
background:#000000;
}
.sml {
 display:block;
 padding:.2em .5em;
 }
.smp,.tab,.pc{display:none;}
}

/* 画面サイズが481px以上の場合に適用 */
@media screen and (min-width:951px) {
body {
}
.smp,.tab,.pc {
 }
.sml{display:none;}
}




/* 画像表示サイズ　パソコンで見たときは"pc"のclassがついた画像が表示される */
.p { display: block !important; }
.m { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.p { display: none !important; }
.m { display: block !important; }
}