@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:500,700&display=swap&subset=japanese');

/*//// default ////*/
body{
	text-align: center;
	font-size:13px;
	line-height:1.6;
	font-family: 'Noto Sans JP', sans-serif;
	/*font-family: custom,"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",meiryo,Arial,sans-serif;*/
	}
div#layout body,h1,h2,h3,h4,h5,p,ul,ol,li,dl,dd,dt{margin:0;padding:0px;}
div#layout *{box-sizing:border-box;}
div#layout img {border:0;vertical-align: middle;max-width: 100%;}
div#layout p {text-align: left;}
div#layout a {text-decoration: none;}
div#layout a:hover {text-decoration: underline;}
div#layout a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	}

#main{
	width:768px;
	}
div#layout .phr{
	float: right;
	margin-left:15px;
	}
div#layout .phl{
	float: left;
	margin-right:15px;
	}
div#layout .phc{
	margin:auto;
	text-align: center;
	}
div#layout .clear:after{
	content:"";
	display: block;
	clear:both;
	}
/*/ font-size /*/
div#layout .font08{font-size:.8em;}
div#layout .font09{font-size:.9em;}
div#layout .font11{
	font-size:1.1em;
	}
div#layout .font12{
	font-size:1.2em;
	}
div#layout .font13{
	font-size:1.3em;
	}
div#layout .font14{
	font-size:1.4em;
	}
div#layout .font15{
	font-size:1.5em;
	}
div#layout .font16{
	font-size:1.6em;
	}
div#layout .font17{
	font-size:1.7em;
	}
div#layout .font18{
	font-size:1.8em;
	}
div#layout .font19{
	font-size:1.9em;
	}
div#layout .font20{
	font-size:2em;
	}
div#layout .bold{
	font-weight: bold;
	}

div#layout .youtube{
	position: relative;
	width: 100%;
	padding-top: 56.25% ;
	}
div#layout .youtube iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
div#layout .googlemap{
	position: relative;
	width: 100%;
	padding-top: 56% ;
	border:5px solid #0284ff;
	box-sizing:border-box;
	}
div#layout .googlemap iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	}

/*/// responsible /*/
.visible640,
.visible480,
.visible768,
.visible950{
	display: none ;
	}
