@charset "utf-8";

/* ======================================================
 * base.css
 * ------------------------------------------------------
 * @media only screen and (max-width: 767px)
 * - Reset
 * - Basic
 * - General Purpose
 * Media Queries
====================================================== */

/* ------------------------------------------------------
 * Reset
------------------------------------------------------ */
#main img{max-width:100%;height:auto;vertical-align:top;}

/* ------------------------------------------------------
 * Basic
------------------------------------------------------ */
#main {
	color: #000;
	font: 1.4rem/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	word-wrap : break-word;
}
#main *,
#main *::before,
#main *::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* ----- Link ----- */
#main a:link    {color:#3399cc;text-decoration:none;}
#main a:visited {color:#3399cc;text-decoration:none;}
#main a:hover   {color:#3399cc;text-decoration:underline;}
#main a:active  {color:#3399cc;text-decoration:underline;}

/* ======================================================
 * Media Queries
====================================================== */
@media print, screen and (min-width: 768px) {
	/* ------------------------------------------------------
	 * Basic
	------------------------------------------------------ */
	/* ----- Link ----- */
	/* tel */
	#main a[href^="tel:"] {
		color: #000;
		text-decoration: none;
		pointer-events: none;
		cursor: default;
	}
	
	/* ------------------------------------------------------
	 * General Purpose
	------------------------------------------------------ */
	/* ----- Device ----- */
	#main .sp-hidden {
		display: none !important;
	}
}

@media only screen and (max-width: 767px) {
	/* ------------------------------------------------------
	 * Basic
	------------------------------------------------------ */
	#main {
		font-size: 1.3rem;
	}
	
	/* ------------------------------------------------------
	 * General Purpose
	------------------------------------------------------ */
	/* ----- Device ----- */
	#main .pc-hidden {
		display: none !important;
	}
}