@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;
	}

#pagewrap A:active	{ color:blue; cursor: hand;}
#pagewrap A:hover	{ color:red; text-decoration: none; cursor: hand;}
#pagewrap A		{ color:blue; 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 .linebox3p1{			/* カラム用 */
	float: left;
	width: 50%;			/* 要素の横幅を指定する */
	padding: 2px;			/* 余白 */
	background: none;		/* 背景の色を指定する */
	text-align: left;		/* インライン要素のセンタリングを指定する */
	}


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

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





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




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

#pagewrap img.yohaku{margin:0px 10px 0px 0px;width: 100px;height: 100px;}
#pagewrap table th, table td {
  border: none 0px;
  /*実線 1px 黒*/
}
/*
#pagewrap h1 {
	font-size: 18px;
     position: relative;
     color: white;
     padding:0.5em 0.5em 0.5em 1.4em;
     background-color: #895e6f;
     border-radius: 5px;
}
 
#pagewrap h1::after {
     position: absolute;
     top: 50%;
     left:0.7em;
     transform:translateY(-50%);
     content: '';
     width: 5px;
     height:25px;
     background-color:white;
}
*/


#pagewrap h1 {
     position: relative;
     color: white;
     padding: 0.4em 0.9em;
     border-radius:5px;
     background: linear-gradient(#666 0%, #666 50%, #333 50%, #000 100%);
     box-shadow:inset 1px 1px 0 rgba(0,0,0,1);
	}



#pagewrap .boxAO {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #fff7f2;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
}
#pagewrap .boxAO p {
    margin: 0; 
    padding: 0;

}

#pagewrap .boxPK {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #fff7f2;
    box-shadow: 0px 0px 0px 10px #ffeaea;
    border: dashed 2px white;
}
#pagewrap .boxPK p {
    margin: 0; 
    padding: 0;
}





#pagewrap .boxPP {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #fff7f2;
    box-shadow: 0px 0px 0px 10px #CAA846;
    border: dashed 2px white;
}
#pagewrap .boxPP p {
    margin: 0; 
    padding: 0;
}

#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%, #FFDFEF 0%) repeat scroll 0 0;}

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

#pagewrap h2 {
	font-size: 18px;
	color: #364e96;/*文字色*/
	border: solid 3px #364e96;/*線色*/
	padding: 0.1em;/*文字周りの余白*/
	border-radius: 0.5em;/*角丸*/
}


/* 見逃し告知 */
#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; border-bottom:1px solid #caa846; color:#795d0a; padding:3px 5px 0; margin-bottom:5px; font-size:18px; text-align: center; }
#pagewrap .select h2	{ font-size:16px; font-weight: 400; background:#d6ebff; color:#2a2a2a; border:0; border-bottom:1px solid #9ec4ee; border-radius: 0; text-align:center; padding:5px; }
#pagewrap .select h3	{ font-size:16px; font-weight: 400; color:#f71e23; border:0; border-bottom:1px dashed #f84262; 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 .boxPP_sel ul	{ display:block; }
#pagewrap .select .boxPP_sel li	{ border-top:1px solid #9ec4ee; padding-top:5px; }
#pagewrap .select .boxPP_sel li:first-child	{  border:0; padding-top:0; }
#pagewrap .select .rank	{ border:1px solid #9ec4ee; padding:0; margin-top:5px; }
#pagewrap .select .rank li	{ margin:5px; width:98%; }
#pagewrap .select .rank li div	{ display:flex; justify-content:center; border-top:1px dashed #9ec4ee; font-size:14px; padding-top:5px; }
#pagewrap .select .rank li div img	{ width:98%; }
#pagewrap .select .rank .t-border	{ border-top:1px solid #9ec4ee; 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: #f84262;
	border-bottom-width: 3px;

	background: #ffecd2; /* Old browsers */
	background: -moz-linear-gradient(top, #ffecd2 0%, #fcb69f 100%);
	background: -webkit-linear-gradient(top, #ffecd2 0%,#fcb69f 100%);
	background: linear-gradient(to bottom, #ffecd2 0%,#fcb69f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffecd2', endColorstr='#fcb69f',GradientType=0 );
}
#pagewrap .tap-button-vote a	{ display:block; padding:10px; color:#f84262; }
#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 .highlight	{ color:#f18489; }

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

#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 .t-margin15	{ margin-top:15px; }
#pagewrap .select .b-margin15	{ margin-bottom:15px; }
#pagewrap .copyright	{ padding:10px 5px; text-align:center; font-size:12px; }

#pagewrap .boxPP_sel {
	width:95%;
	padding: 0.2em 0.5em;
	margin: 2em auto;
	background: #fff7f2;
	box-shadow: 0px 0px 0px 10px #CAA846;
	border: dashed 2px white;
}
#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 #2667ff;
	border-left:0;
	background: #ffffff;
}

#pagewrap .select .index .old a{
	display:block;
	color:#2667ff;
	background-image: url(https://www.mbs.jp/senryu-girl/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 #2667ff;
	border-right:0;
	background: #ffffff;
}

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




/* ▼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 .main .movie	{ width:90%; max-width:640px; margin:0px auto; }

#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 .select .vote	{ border-width: 2px; border-style: solid; border-top-color:#fcb7a0; border-left-color:#fcb7a0; border-right-color:#ff867a; border-bottom-color:#ff867a; 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: #2667ff;
		background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
		border-radius: 10px;
	}

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

	#pagewrap .select .backnumber	{
		text-align: right; padding:5px 10px; border-top: 1px solid #9ec4ee; background:#4e93e0; 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 #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 .pc-hide	{ display:block; }					/* PCで隠した要素を表示 */
	#pagewrap .sp-hide	{ display:none; }					/* スマホでは隠したい要素に追記 */




	/* コラム用 */
	#pagewrap .select #head	{  }



}