@CHARSET "UTF-8";

*,*:BEFORE,*:AFTER{
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html,body{
	height: 100%;
	width: 100%;
}
html{
	line-height: 1.5;
	font-size: 65%;
}
body{
	 min-height: 100%;
	 min-width: 100%;
}
div,p,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,main,article,aside,header,footer,section,nav{
	display: block;
	word-break :break-all;
}
a {text-decoration: none;}
ul,ol {list-style: none;}
img{
	vertical-align: middle;
	width: 100%;
}
.clearfix{
	display: block;
	clear: both;
}
.hidden{
	display: none;
}
#wpadminbar{
	top: inherit !important;
	bottom: 0 !important;
}
#wpadminbar{
	top:inherit !important;
	bottom:0 !important;
}
/****************************** 全体で使える共用スタイル ******************************/
.l{text-align: left;}
.c{text-align: center;}
.r{text-align: right;}
/***** デフォルトでスマホサイズの指定 *****/
html{
	font-size: 75%;
}
.mbbr{
	display: inline;
}
.pcbr{
	display: none;
}
/***** 画面サイズ768px以上の指定 *****/
@media screen and (min-width:768px){
	htm{
		font-size: 87.5%;
	}
	.mbbr{
		display: none;
	}
	.pcbr{
		display: inline;
	}
}
/***** 画面サイズ1024px以上の指定 *****/
@media screen and (min-width:1024px){
	html{
		font-size: 100%;
	}
}