@charset "UTF-8";

/* -------------------------------------------------------------------------- **
**  CORE
** -------------------------------------------------------------------------- */
@-ms-viewport { width: device-width; initial-scale: 1; }

.sp{display:none !important;}

body {
	min-height: 100%;
	text-align: center;
	}
body.open {
	height: 100%;
	overflow: hidden;
	}
img{
  max-width: 100%;
}

.pc-hidden { display: none; }
.pc-visible { display: inline; }
.pc-inline { display: inline; }
.pc-inline-block { display: inline-block; }
.pc-block { display: block; }
.pc-none { display: none; }

.sp-hidden { display: inline; }
.sp-visible { display: none; }
.sp-inline { display: none; }
.sp-inline-block { display: none; }
.sp-block { display: none; }
.sp-none { display: block; }

@media screen and (max-width: 767px) {
  .pc-hidden { display: block;; }
  .pc-visible { display: none; }
  .pc-inline { display: none; }
  .pc-inline-block { display: none; }
  .pc-block { display: none; }
  .pc-none { display: block; }

  .sp-hidden { display: none; }
  .sp-visible { display: block; }
  .sp-inline { display: inline;; }
  .sp-inline-block { display: inline-block; }
  .sp-block { display: block; }
  .sp-none { display: none; }
}


#wrap {
	position: relative;
	width: auto;
	min-height: 100%;
	line-height: 1.6em;
	}

/* -------------------------------------------------------------------------- **
**  LAYOUT
** -------------------------------------------------------------------------- */
#header, #main, #footer {
	position: relative;
	display: block;
	width: 100%;
	}
	.container {
		position: relative;
		max-width: 1000px;
		min-width: 320px;
		margin: 0 auto;
		text-align: inherit;
		}


/*  HEADER
** -------------------------------------------------------------------------- */
#header {
	position: fixed;
	width: 100%;
	height: 100px;
	background-color: rgba(255,255,255,0.9);
	z-index: 100;
	}


/*  FOOTER
** -------------------------------------------------------------------------- */
#footer {
	}



/* -------------------------------------------------------------------------- **
**  CONTENT
** -------------------------------------------------------------------------- */
#main {
	}
