@CHARSET "UTF-8";

/*
* 2017 BOSO-Computer
* Global Reset CSS
*/

*,*: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;}
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;
	/* max-width: 100%; */
	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;}


.b{font-weight: bold;}
.n{font-weight: normal;}

.u{text-decoration: underline}



.tbl{display: table;}
.row{display: table-row;}
.cell{display: table-cell;}

.hidden{display: none;}

/***** デフォルトでスマホサイズの指定 *****/
html
{
	font-size: 75%;
}

.mbbr
{
	display: inline;
}

.pcbr
{
	display: none;
}

/***** 画面サイズ768px以上の指定 *****/
@media screen and (min-width:768px)
{
	html
	{
		font-size: 87.5%;
	}

	.mbbr
	{
		display: none;
	}

	.pcbr
	{
		display: inline;
	}
}

/***** 画面サイズ1024px以上の指定 *****/
@media screen and (min-width:1024px)
{
	html{
		font-size: 18px;
	}
}