@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: 26px; font-family: 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;}
#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 .txt21p   { font-size: 21px;  font-weight:bolder; color: #ff69c8;}
#pagewrap .txt21m   { font-size: 21px;  font-weight:bolder;  font-family: 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;}
#pagewrap .txtmin   {font-family: 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;}
#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 #ff69c8;
  position: relative;}
#pagewrap h2:after {  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #4f4f5c;
  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 : #ff69c8;;
}
#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 .select	{ margin-bottom:15px; }
#pagewrap .select .flex	{ display:flex; margin-bottom:10px; }

#pagewrap .select h1	{ background:none; border:0; border-radius:0; box-shadow: none; background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #cce5ff 0%) repeat scroll 0 0; color:#2a2a2a; padding:5px 5px 0px; margin-bottom:5px; font-size:18px; text-align: center; }
#pagewrap .select h2	{ font-size:16px; font-weight: 400; background:#ffffff; color:#2a2a2a; border:0; border-bottom:1px solid #feada6; border-radius: 0; text-align:center; padding:5px; }
#pagewrap .select h3	{ font-size:16px; font-weight: 400; color:#1968c8; border:0; border-bottom:1px dashed #1968c8; border-radius: 0; text-align:center; padding:5px; margin:0 10px 5px; }

#pagewrap .select p	{ font-size:14px; padding:5px; }
#pagewrap .select .info	{ font-size:12px; }

#pagewrap .select .boxPK_sel ul	{ display:block; }
#pagewrap .select .boxPK_sel li	{ border-top:1px solid #feada6; padding-top:0px; }
#pagewrap .select .boxPK_sel li:first-child	{  border:0; padding-top:0; margin-top:0; }
#pagewrap .select .rank	{ border:1px solid #feada6; padding:0; }
#pagewrap .select .rank li	{ margin:5px 0; width:100%; }
#pagewrap .select .rank li div	{ display:flex; justify-content:center; font-size:14px; padding-top:5px; }
#pagewrap .select .rank li div img	{ width:98%; }
#pagewrap .select .rank .t-border	{ border-top:1px solid #feada6; padding:5px 0; }


#pagewrap .select ul	{ display:flex; justify-content: space-between; margin:5px 10px; }
#pagewrap .select li	{ width:48%; text-align:center; }
#pagewrap .select li img	{ width:100%; }
#pagewrap .tap-button-vote{
	margin:5px auto;
	width:45%;
	max-width:200px;
	text-align:center;
	color:#f84262;
	font-size:medium;
	font-weight:bold;

	border-width: 1px;
	border-style: solid;
	border-color: #1968c8;
	border-bottom-width: 3px;

	background: #e7f0fd; /* Old browsers */
	background: -moz-linear-gradient(top, #e7f0fd 0%, #accbee 100%);
	background: -webkit-linear-gradient(top, #e7f0fd 0%,#accbee 100%);
	background: linear-gradient(to bottom, #e7f0fd 0%,#accbee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7f0fd', endColorstr='#accbee',GradientType=0 );
}
#pagewrap .tap-button-vote a	{ display:block; padding:10px; color:#1968c8; }
#pagewrap .tap-button	{ width:90%; margin:10px auto; font-weight:normal; text-align:center; letter-spacing:0.2em; background: #ffffff; }
#pagewrap .tap-button a	{ padding:10px; display: block; }

#pagewrap #forback	{ border-bottom:1px solid #ffffff; padding:10px 0; margin:10px 0; }

#pagewrap .boxPK_sel {
	width:95%;
	padding: 0.2em 0.5em;
	margin: 2em auto;
	background: #ffeaea;
	box-shadow: 0px 0px 0px 10px #ffeaea;
	border: dashed 2px white;
}
#pagewrap .boxPK_sel p {
	margin: 0; 
	padding: 0;
}
#pagewrap .select .margin-tb15	{ margin-top:10px; margin-bottom:15px; }
#pagewrap .select ul.index { display: flex; justify-content:space-between; }

#pagewrap .select .index .old {
	margin:6px 0;
	padding:10px;
	text-align:left;
	font-size:medium;
	font-weight:normal;
	border: 1px solid #feada6;
	border-left:0;
	background: #ffffff;
}

#pagewrap .select .index .old a{
	display:block;
	color:#fe8278;
	background-image: url(https://www.mbs.jp/aochan/images/arrow-re.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding:20px;
	padding-left:25px;
	text-decoration: none;
}

#pagewrap .select .index .new {
	width:40%;
	margin:6px;
	padding:10px 0;
	text-align:right;
	font-size:medium;
	font-weight:normal;
	border: 1px solid #feada6;
	border-right:0;
	background: #ffffff;
}

#pagewrap .select .index .new a{
	display:block;
	color:#fe8278;
	background-image: url(https://www.mbs.jp/aochan/images/arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding:20px;
	padding-right:25px;
	text-decoration: none;
}


#pagewrap #gotoback .tap-button	{
	width:90%; margin:0 auto;
	border:1px solid #555555; background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}
#pagewrap #gotoback .tap-button a	{ color:#2a2a2a; padding:5px; }

#pagewrap .default-list	{ margin:20px 20px; padding:0px;  border: 1px solid #00a0e9; font-size:14px; }
#pagewrap .default-list li	{ padding:10px; border-bottom:1px dashed #00a0e9; text-align:left; }
#pagewrap .default-list li:last-child	{ border:0; }
#pagewrap .default-list li.border-b	{ border-bottom:1px dashed #00a0e9; }

#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 .select .vote	{ border-width: 2px; border-style: solid; border-color:#1968c8; background:#fffbf9; }

	#pagewrap .select .dl-btn {
		width: 90%;
		margin: 6px auto;
		padding: 10px 0;
		text-align: center;
		font-size: medium;
		font-weight: normal;
		border-width: 1px;
		border-style: solid;
		border-color: #feada6;
		background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
		border-radius: 10px;
	}

	#pagewrap .select .dl-btn a	{ display:block; color:#fd594c; text-decoration: none; }

	#pagewrap .select .backnumber	{
		text-align: right; padding:5px 10px; border-top: 1px solid #feada6; background:#feada6; margin-top:10px;
	}
	#pagewrap .select .backnumber a	{ color:#ffffff; font-weight:400; }

	#pagewrap .select #info ul	{ display: block; margin-bottom:10px; }
	#pagewrap .select #info li	{ width:100%; }
	#pagewrap .select #info li:last-child	{ border:0; }


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



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