main {
  width: calc(100% - 30px);
  margin: 40px auto 100px auto;
}

h1.pageTitle span {
  line-height: 2;
  font-size:1.5rem;}

main .mainImg {
  width:100%;
	margin-bottom: 10px;
}


.introduction {
  font-size:1.5rem;
  line-height: 1.6;
  text-align: left;
  margin: 15px auto 35px;
}


/* ストーリー部分 */
.story {
  padding:15px 15px;
  margin-bottom:0;
}

.story h2 {
  font-size:1.8rem;
  background-size: 32px 23px;
  padding:2px 0 0 42px;
  margin:0 0 10px 0;
}

.story.drama-2 h2 {font-size:1.6rem;}

/* ドラマアーカイブ部分 */
.drama_active {padding-bottom: 0;}

.drama_active h2 {
  font-size:2.2rem;
  margin-top:50px;
  margin-bottom:25px;}

.drama_active h2 + p {
  font-size:1.8rem;
  text-align: left;
  margin-bottom:25px;}

.drama_active dl {display: block;}

.drama_active dl > div {
  width:100%;
  margin-bottom:35px;
}

.drama_active dl > div > dt {padding:25px 25px 20px;}
.drama_active dl > div > dt h3 {font-size:2rem;}
.drama_active dl >div > dd {padding:15px 5px;}

.now_on_air {
  font-size:1.2rem;
  width:auto;
  display: inline-block;
  padding:2px 25px;
}

/* リンクボタン */
.drama_active dl >div > dd a,
.drama_active dl >div > dd p {
  font-size:1.2rem;
  margin:5px;
  padding:10px 10px 8px;}





/* drama-2 */

.drama-2 dl {margin-bottom:80px;}
.drama-2 dl > div > dt h3 {font-size:1.6rem;}

.drama-2 dl > div > dt {
  padding:30px;
  margin-bottom:10px;}

.drama-2 dl >div > dd {
  width:100%;
  padding:5px 5px 0;}

.drama-2 dl >div > dd a,
.drama-2 dl >div > dd p {
  font-size: 1.6rem;
  width:100%;}

.drama-2 ul.season1 {
  width:100%;
  margin-bottom:80px;}

.drama-2 ul.season1 li {width: 100%;}
.drama_active h2.season1 {
  font-size:2rem;
  line-height: 1.6;
}


/* オンエア情報部分 */
.on_air {
  width:100%;
  margin:auto auto 80px;}

.on_air h2 {
  text-align: left;
  margin:25px 0 0 0;
  min-height:47px;
  background: url("/radio-cm/images/drama/on_air-icon.png") no-repeat bottom left 10px;
  background-size: 30px 47px;
  font-size:2rem;
  padding:27px 0 12px 55px;

}

.fm802 {
  width:100px;
  height:auto;
  margin-right:20px;}

.on_air > div {
  padding:15px;
  border:2px solid #e7170a;}

/* タイトルと写真 */
.on_air dl {
  margin-top:15px;
  margin-bottom:25px;
  display: block;}

.on_air dl dt {
  width:95%;
  margin-bottom:20px;
  text-align: left;}

.on_air dl dd {
  width:80%;
  margin: auto;
  text-align: center;}

.on_air figcaption {font-size:1.2rem;}


.on_air dl dt img,
.on_air dl dd img {
  width:100%;
  height: auto;}


/* 最新話をチェック */
p.on_air_check {
  font-size:1.6rem;
  text-align: left;
  padding:20px 15px;
  margin-bottom:20px;}
p.on_air_check span {color:#e7170a;}

/* ラジコへのリンク */
.radiko a {
  display: inline-block;
  margin:5px auto;}

.radiko span {
  display: block;
  text-align: left;
  text-indent:-1.2rem;
  margin-left:1.2rem;
  font-size:1.2rem;}



/* .theme-song */
.theme-song h2 {
  font-size: 2.2rem;
  margin-top: 50px;
  margin-bottom: 25px;
  line-height: 1.5;
}

.theme-song {
  margin-bottom:0;}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;margin-bottom:80px;
}

.theme-song iframe {
  width:100%;
  height: 100%;
  aspect-ratio: 16 / 9;
  display:block;
  margin:auto auto 100px;
  position: absolute;
  top: 0;
  right: 0;
}