@charset "utf-8";
@font-face{
	font-family: "MyYuMinchoM";
	font-weight: normal;
	src: local("YuMincho-Medium"), /* Postscript name */
	     local("Yu Mincho Medium"), /* for Chrome */
	     local("YuMincho-Regular"); /* Mediumがない場合 */
}
@font-face{
	font-family: "MyYuMinchoM";
	font-weight: bold;
	src: local("YuMincho-Bold"), /* Postscript name */
	     local("Yu Mincho"); /* for Chrome */
}

#mbsGlobalHeader,
#mbsGlobalFooter	{ min-width: 980px !important; }

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

#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-feature-settings: 'pkna' 1;
}

.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}

.common-abg-wrap	{ background:#ffffff; min-width: 980px; }
.common-abg-wrap__footer	{ padding: 0 0 20px; }

#pagewrap {
	background:#ffffff;
	font-size:18px; line-height:160%;

	color:#2a2a2a;
	text-decoration: none;
	list-style: none;
	height:auto;
	margin:0 auto;
}

#pagewrap A:active	{ color:#840000; cursor: hand;}
#pagewrap A:hover	{ color:#846d00; text-decoration: none; cursor: hand;}
#pagewrap A			{ color:#840000; text-decoration: none;}
#pagewrap A img:hover	{ opacity: 0.7; }

#pagewrap #head	{ background:#c5c5c5 url(../images/head-bg.jpg) top center repeat-x; text-align:center; border-bottom:10px solid #9a1820; line-height: 0; min-width: 980px; }

#pagewrap #head img	{ width:100%; max-width:980px; }

#pagewrap .main-area	{ width:980px; margin:0 auto; padding:20px; }
#pagewrap .flex-area	{ width:900px; margin:0 auto; padding:0; display: -webkit-box; display: flex; flex-wrap: wrap; }
#pagewrap .centering	{ text-align:center; }
#pagewrap .font-s	{ font-size:0.8rem; }
#pagewrap .font-m	{ font-size:1rem;  }
#pagewrap .font-l	{ font-size:1.5rem; line-height:3rem; }

#pagewrap #onair, #pagewrap #intro, #pagewrap #pickup,
#pagewrap #chara, #pagewrap #story, #pagewrap #staff	{ margin-bottom:50px; }
#pagewrap #pickup > img, #pagewrap #pickup > img,
#pagewrap #chara > img, #pagewrap #story > img	{ margin-bottom:20px; }

#pagewrap #onair	{ text-align:center; border-bottom:1px solid #555555; }
#pagewrap #onair img	{ padding-bottom: 15px; }
#pagewrap #onair dl	{ display: -webkit-box; display: flex; font-size:1.5rem; padding:10px 0; -webkit-box-pack: center; justify-content: center; }
#pagewrap #onair dt	{ background:#840000; color: #ffffff; padding:5px; width:150px; text-align: center; }
#pagewrap #onair dd	{ padding:5px 10px; width:290px; text-align: left; }


#pagewrap #intro div	{ display:inline-block; vertical-align: top; padding:0; padding:0 20px; }
#pagewrap #intro div.txt	{ text-align:center; padding-top:70px; line-height:180%; }

#pagewrap #pickup .flex-area	{ flex-wrap: nowrap; }
#pagewrap #pickup .pickup-photo	{ padding-left:40px;}

#pagewrap #chara dl	{ margin-bottom:20px; display: -webkit-box; display: flex; }
#pagewrap #chara dt, #pagewrap #chara dd	{ margin:0; padding:0; vertical-align: top; }
#pagewrap #chara dt	{ flex-shrink: 0; }
#pagewrap #chara dd	{ -webkit-box-flex: 1; flex-grow: 1; }

#pagewrap #chara .large	{ width:100%; }

#pagewrap #chara .large dt	{ margin-right:20px; }

#pagewrap #chara dd	h1		{ font-size:30px; margin-bottom:10px; }
#pagewrap #chara dd	h2		{ font-size:22px; margin-bottom:10px; color:#840000; }
#pagewrap #chara dd	h2 span	{ font-size:16px; color:#2a2a2a; }
#pagewrap #chara dd	p		{ font-size:14px; }

#pagewrap #chara dl.small	{ width:50%; margin:0; padding:0; vertical-align: top; padding:20px; }
#pagewrap #chara .small dt	{ margin-right:10px; }

#pagewrap #staff ul	{ padding-top:20px; }
#pagewrap #staff li	{ padding:10px; }
#pagewrap #staff dl	{ display: -webkit-box; display: flex; }
#pagewrap #staff dt	{ font-weight: 700; width:150px; text-align: right; }
#pagewrap #staff dt::after	{ content: '：'; }


#pagewrap .pc-hide	{ display:none; }

/* ▼Smartphone▼ */
@media screen and (max-width: 767px) {

	body	{ max-width:100%; min-width:100% !important; } 
	#pagewrap .pc-hide	{ display:block; }
	#pagewrap .sp-hide	{ display:none; }

	#mbsGlobalHeader,
	#mbsGlobalFooter	{ min-width: 100% !important; }

	.common-abg-wrap	{ min-width: 100%; }

	#pagewrap	{ width:100%; font-size:16px; line-height:160%; }

	#pagewrap #head	{ min-width: 100%; }
	#pagewrap #head img	{ width:100%; }

	#pagewrap .main-area	{ width:100%; padding:20px 10px; }
	#pagewrap .flex-area	{ width:100%; }

	#pagewrap #onair, #pagewrap #intro, #pagewrap #pickup, #pagewrap #chara, #pagewrap #story, #pagewrap #staff {
		margin-bottom: 10px;
	}

	#pagewrap #onair dl	{ -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
	#pagewrap #onair dt, #pagewrap #onair dd 	{ width:100%; text-align: center; }
	#pagewrap #onair dd	{ font-size:1.2rem; }

	#pagewrap #intro div	{ display:block; padding:0; }
	#pagewrap #intro div img	{ width:50%; max-width:330px; }
	#pagewrap #intro .intro-photo	{ text-align:center; }
	#pagewrap #intro div.txt	{ padding-top:0; text-align:left; }

	/*#pagewrap #pickup div	{ display:block; padding:0; }*/
	#pagewrap #pickup .flex-area	{ -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
	#pagewrap #pickup .txt p	{ width:100%; }
	#pagewrap #pickup .pickup-photo	{ display: -webkit-box; display: flex;width:100%; padding:10px 0; }
	#pagewrap #pickup .pickup-photo img	{ width:30%; }
	#pagewrap #pickup .pickup-photo img:nth-child(even){ margin-left:3%; margin-right:3%; }

	#pagewrap #chara dl	{ width:100%; padding-bottom:10px; border-bottom:1px solid #555555; flex-wrap: wrap; }
	#pagewrap #chara dt.large, #pagewrap #chara dd.large	{ display: block; }

	#pagewrap #chara .large dt	{ width:100%; margin:0; text-align:center; }
	#pagewrap #chara .large dt img	{ width:60%; max-width: 200px; margin-bottom:10px; }
	#pagewrap #chara .large dd	{ width:100%; margin-top:0px; }
	#pagewrap #chara .large dd p	{ padding:10px; }

	#pagewrap #chara dl.small	{ width: 100%; padding:0; padding-top:10px; padding-bottom:10px; }
	#pagewrap #chara .small dt	{ width:30%; margin:0; }
	#pagewrap #chara .small dt img	{ width:95%; }
	#pagewrap #chara .small dd	{ width:68%; margin:0; }
	
	#pagewrap #chara dd h1	{ font-size:20px; line-height:160%; text-align:center; margin-bottom:5px; border-top:1px solid #d40913; border-bottom:1px solid #d40913; padding:5px 0; }
	#pagewrap #chara dd h2	{ font-size:20px; text-align: right; margin-bottom:0px; }

	#pagewrap #chara .small dd h2	{ text-align: left; }

	#pagewrap #staff dt	{ width:120px; }


}