/* Google Web Fonts */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

* {
	margin: 0;
	padding: 0;
}
*::after,
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	font-family: Noto Sans Japanese,Arial,Helvetica,sans-serif;
	font-size: 100%;
	font-color: #333;
	background: #000000;
	height: 100%;
}



article {
	height: 1000px;
	margin: 100px auto;
	text-align: center;
	line-height: 1.9;
}
article p {
	margin-bottom: 1em;
}
a {
	color: #333;
	text-decoration:none;
}

/* another top page */
#container {
    width: 100%;
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
	font-size: 80%;
}


#contents {
    padding-bottom: 130px;
}

/* イメージマップをレスポンシブに対応させるための必須設定 */
img[usemap] {
    width: 100%;
    height: auto;
    display: block;
    border: none;
}

/* センタリングの補強（centerタグを使用しているため） */
center {
    width: 100%;
}



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



/* Small Display Size 
@media screen and (max-width: 750px) {
	#main-visual {
		height: 300px;
	}
*/