@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;
	color: black; /* 文字色基本指定 */

}




#pagewrap {
	text-decoration: none;
	list-style: none;
	height:auto;
	margin:0 auto;
	background: white;
	}

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


	/* メインコンテンツとして980pxのボックスで作業する */
#pagewrap .main{
	border: none;	/* 境界線を実線で指定する */

	text-align: cener;		/* インライン要素のセンタリングを指定する */
	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: center;		/* インライン要素のセンタリングを指定する */
	}


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




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




/*基本文字指定*/
#pagewrap .txt10   { font-size: 10px; }
#pagewrap .txt12   { font-size: 12px;}
#pagewrap H1   { font-size: 16px; }
#pagewrap .txt18   { font-size: 18px; }
#pagewrap .txt18redB   { font-size: 21px; color: #e70012;font-weight:bolder}
#pagewrap .txt18B   { font-size: 16px; font-weight:bolder}
#pagewrap .txt21   { font-size: 21px;  font-weight:bolder}
#pagewrap .txt21red   { font-size: 21px; color: red;}
#pagewrap .lh180   {  line-height:180%; }
#pagewrap .txth160 { line-height:160%;}

#pagewrap .txtshadow { text-shadow: 1px 2px 3px white; }

#pagewrap .FWB {font-weight:bolder}

#pagewrap h2 {  border-bottom: solid 2px #1f2652;
  position: relative;}
#pagewrap h2:after {  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #f08200;
  bottom: -2px;
  width: 32%;}


#pagewrap h3 {  border-bottom: solid 2px #999999;
  position: relative;}
#pagewrap h3:after {  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #e40801;
  bottom: -2px;
  width: 12%;}


#pagewrap .boxA {
 margin: 1px;
 border-width: 3px;
 padding: 5px;
 border-style: solid;
 border-color : #eb5c84;
}
#pagewrap .boxB {
 margin: 1px;
 border-width: 3px;
 padding: 5px;
 border-style: solid;
 border-color : #00a6ba;
}
/*基本文字指定*/



#pagewrap .balloon1-left {
  position: relative;
	display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 12px;
  background: #e0edff;
  border-radius: 5px;
}

#pagewrap .balloon1-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -20px;
  margin-top: -10px;
  border: 5px solid transparent;
  border-right: 15px solid #e0edff;
}

#pagewrap .balloon1-left p {
  margin: 0;
  padding: 0;
}


#pagewrap .balloon1-right {
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 12px;
  background: #e0edff;
}

#pagewrap .balloon1-right:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -20px;
  border: 5px solid transparent;
  border-left: 15px solid #e0edff;
}

#pagewrap .balloon1-right p {
  margin: 0;
  padding: 0;
}



#pagewrap .pink_line {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #e591aa 0%) repeat scroll 0 0;}

#pagewrap .blue_line{background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #8cd7e0 0%) repeat scroll 0 0;}

/* 見逃し告知 */
#pagewrap #dizm	{ padding:10px; border-top:1px solid #cccccc; text-align:center; }
#pagewrap #dizm .title	{ background:#ff6f91; padding:5px 0; font-size:16px; color:#ffffff; margin-bottom:10px; }
#pagewrap #dizm img	{ margin:0 5px; max-width:180px; width:45%; }


#pagewrap .centering	{ text-align:center; }
#pagewrap .w100	{ width:100%; }
#pagewrap .original-width	{ max-width:640px; margin:0 auto; }
#pagewrap .copyright	{ padding:10px 5px; text-align:center; font-size:12px; }



/* ▼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 .full{			/* 2カラム用 */
	float: none;
	width: 100%;			/* 要素の横幅を指定する */
	padding: 10px;			/* 余白 */
	background: none;		/* 背景の色を指定する */
	text-align: left;		/* インライン要素のセンタリングを指定する */
	}

#pagewrap .balloon1-left {
  font-size: 3vw;

}

#pagewrap .boxPP { width:100%; }


	#pagewrap .copyright	{ padding:5px; text-align:center; }



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