@charset "utf-8";

/* KAGAMOTO Systewm */

#pagewrap * , #pagewrap *:before, #pagewrap *:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
		box-sizing: border-box;
}

#pagewrap .pc-hide	{ display:none; }					/* PCでは隠したい要素に追記 */
#pagewrap .sp-hide	{ display:block; }					/* スマホで隠した要素を表示 */

#mbs_common_headerwrap2014, #mbs_common_footerwrap	{ display:block; }	/* PC用共通ヘッダ＆フッタを表示 */
#globalsp_navigation, #globalsp_footer	{ display:none; }			/* SP用共通ヘッダ＆フッタを非表示 */

#pagewrap h1,#pagewrap h2,#pagewrap h3,#pagewrap h4,#pagewrap h5,#pagewrap h6,#pagewrap p,#pagewrap div,#pagewrap ul,#pagewrap ol,#pagewrap li,#pagewrap dl,#pagewrap dt,#pagewrap dd,#pagewrap table,#pagewrap tr,#pagewrap td {
	padding:0;
	margin:0;
/*	font-family: 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;	明朝体フォントセット*/
	font-family:MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; 		/*ゴシック体フォントセット*/
	line-height:150%;
	font-feature-settings: 'pkna' 1;
}


#pagewrap {
	text-decoration: none;
	list-style: none;
	height:auto;
	margin:0 auto;
	background: white;
	color: black;
	font-size:16px;
	}

#pagewrap A:active	{ color:#6689ff; cursor: hand;}
#pagewrap A:hover	{ color:red; text-decoration: none; cursor: hand;}
#pagewrap A		{ color:#6689ff; text-decoration: none;}


	/* メインコンテンツとして980pxのボックスで作業する */
#pagewrap .main{
	border: none;	/* 境界線を実線で指定する */
	/*background: #cccccc;		 背景の色を指定する */
	text-align: center;		/* インライン要素のセンタリングを指定する */
	width: 980px;			/* 要素の横幅を指定する */
	margin: 0px auto;		/* ブロックレベル要素のセンタリングを指定する */
	content:" ";			/* floatカラムりっせと */
	display:block;			/* floatカラムりっせと */
	clear:both;			/* floatカラムりっせと */
	}

#pagewrap .harf{			/* 2カラム用 */
	float: left;
	width: 50%;			/* 要素の横幅を指定する */
	padding: 10px;			/* 余白 */
	background: none;		/* 背景の色を指定する */
	text-align: left;		/* インライン要素のセンタリングを指定する */
	}


#pagewrap .linebox50{			/* 2カラム用 */
	float: left;
	width: 50%;			/* 要素の横幅を指定する */
	padding: 2px;			/* 余白 */
	background: none;		/* 背景の色を指定する */
	text-align: left;		/* インライン要素のセンタリングを指定する */
	}

#pagewrap .linebox{			/* 2カラム用 */
	float: left;
	width: 33%;			/* 要素の横幅を指定する */
	padding: 2px;			/* 余白 */
	background: none;		/* 背景の色を指定する */
	text-align: left;		/* インライン要素のセンタリングを指定する */
	}

#pagewrap .txt12   { font-size: 12px; }
#pagewrap .txt12r   { font-size: 12px; 	color:#e60012;}
#pagewrap .txth160 { line-height:160%;}

#pagewrap H1 {
	font-size:18px;
	padding: 0em 0em;
	}

#pagewrap .box {
	margin:		1px;
	border-width:	1px;
	padding:	20px;
	border-color:	red;
	border-style:	solid;
	}



#pagewrap .harf{			/* 2カラム用 */
	float: left;
	width: 50%;			/* 要素の横幅を指定する */
	padding: 40px;			/* 余白 */
	background: none;		/* 背景の色を指定する */
	text-align: left;		/* インライン要素のセンタリングを指定する */
	color:black;
	}



#pagewrap .wz1{			/* Wzカラム用 */
	float: left;
	width: 450px;			/* 要素の横幅を指定する */
	height:720px;
	padding: 30px;			/* 余白 */
	background: none;		/* 背景の色を指定する */
	text-align: left;		/* インライン要素のセンタリングを指定する */
	color:white;
	text-shadow:2px  2px 2px black;
	line-height:180%;
	font-size:14px;
	}

#pagewrap .reset{
	border: none;	/* 境界線を実線で指定する */
	margin: 0px auto;		/* ブロックレベル要素のセンタリングを指定する */
	content:" ";			/* floatカラムりっせと */
	display:block;			/* floatカラムりっせと */
	clear:both;			/* floatカラムりっせと */
	}


/* ▼Smartphone▼ */
@media screen and (max-width: 767px) {
	body	{ max-width:100%; min-width:100% !important; }
	#mbs_common_headerwrap2014, #mbs_common_footerwrap	{ display:none; }	/* PC用共通ヘッダ＆フッタを非表示 */
	#globalsp_navigation, #globalsp_footer	{ display:block; }			/* SP用共通ヘッダ＆フッタを表示 */
	#globalsp_footer .opinion a	{ text-decoration:none; }			/* SP用共通フッタのリンク下線削除 */

	#pagewrap	{ width:100%; }
	/* メインコンテンツとして980pxのボックスで作業する */


	#pagewrap .main{
		border: none;	/* 境界線を実線で指定する */
		background: none;		/* 背景の色を指定する */
		text-align: center;		/* インライン要素のセンタリングを指定する */
		width: 100%;			/* 要素の横幅を指定する */
		margin: none;		/* ブロックレベル要素のセンタリングを指定する */

	}

#pagewrap .harf{			/* 2カラム用 */
	float: none;
	width: 100%;			/* 要素の横幅を指定する */
	padding: 10px;			/* 余白 */
	background: none;		/* 背景の色を指定する */
	text-align: left;		/* インライン要素のセンタリングを指定する */
	}

#pagewrap .wz1{			/* Wzカラム用 */
	float: left;
	width: 100%;			/* 要素の横幅を指定する */
	height: auto;
	padding: 10px;			/* 余白 */
	background: none;		/* 背景の色を指定する */
	text-align: left;		/* インライン要素のセンタリングを指定する */
	color:black;
	text-shadow:none;
	line-height:120%;
	font-size:12px;
	}

#pagewrap h1 {
	border-bottom: solid 3px #1c93fc;
	position: relative;
	}

#pagewrap h1:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #fd3044;
	bottom: -3px;
	width: 50%;
	}

#pagewrap .box {
	margin:		0;
	border-width:	0;
	padding:	0;
	border-color:	none;
	border-style:	none;
	}

	#pagewrap .pc-hide	{ display:block; }					/* PCで隠した要素を表示 */
	#pagewrap .sp-hide	{ display:none; }					/* スマホでは隠したい要素に追記 */
	
}