@charset "UTF-8";

/*html, body {

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #fff;
	letter-spacing: 1px;
}*/


body {
        
}

/*NEW 点滅*/
.blink{
	background-color: #DF2B5A;
	color: yellow;
	margin: 0 0.5rem;
	padding: 0rem;
	font-size: 65%;
}

i{
	margin: 0 0.5rem;
}

/*Twitter→𝕏*/
.fa-twitter-square:before {
    content: '𝕏' !important;
    font-family: sans-serif !important;
    font-weight: bold;
}

.txt_red{
	color: red;
	font-weight: bold;
}

.txt_blue{
	color: darkslateblue;
	font-weight: bold;
}

.txt_small{
	font-size: 60%;
	margin-left: 0.5rem;
}

.txt_small_b{
	font-size: 80%;
	margin-left: 0.5rem;
	font-weight: bold;
}

@media only screen and (max-width: 750px) {
	.for_pc{
		display: none;
	}
	
}

@media only screen and (min-width: 751px) {

	.for_sp{
		display: none;
	}
	
}

#container{
	min-width: 100%; 
	background-color: #e9dfc2; 
}



/* メインビジュアル 
----------------------------------------*/

.main_wrap{
	width: 100%;
	height: auto;
  background-image: url(../img/main_bg_pc_back.jpg);
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  background-repeat: no-repeat;
	}

.main{
	width: 100%;
	height: auto;
  background-image: url(../img/main_bg_pc.jpg);
  background-size: contain;
  background-position: center;
  display: flex;
  justify-content: center;
  background-repeat: no-repeat;
	}

.main h1{
	width:100%;
	max-width: 1600px;
	margin: 0 auto;
}


@media only screen and (max-width: 750px) {

.main h1{
	width:100%;
}

}


/*---------------------*/

h2{
	margin-bottom: 1em;
	font-size:28px;
	font-weight: bold;
}

h3 {
	font-size: 25px;
	font-weight: bold;
	/*color: #622a29;
	color: #fff100;*/
	text-align: center;
	margin-bottom: 1rem;
}

section.overview{
	width: 100%;
	margin: 0 auto;
	background-image: url(../img/cont_bg_pc.jpg);

	background-repeat: no-repeat;
	padding: 0 1.5rem 8rem;
	background-position: bottom;
	background-size: cover;
}

section.cast{
	background-color: #e9dfc2;
}

@media only screen and (max-width: 750px) {
	
h2{
	font-size:22px;
}

section.overview{
	width: 100%;
	margin: 0 auto;
	background-image: url(../img/cont_bg_sp.jpg);

	background-repeat: no-repeat;
	padding: 0 1.5rem 8rem;
	background-position: bottom;
	background-size: cover;
}

}


/*---------------------*/

#content {
	width: 100%;
	margin: 0 auto;
	/*background-image: url(../img/cont_bg.png);

	background-repeat: no-repeat;
	padding: 0 1.5rem 8rem;
	background-position: bottom;
	background-size: cover;*/
}

.cont_box{
	width: 1100px;
	max-width: 100%;
	margin: 0 auto;
	padding: 8rem 0;
}

.catch{
	font-size: 1.6rem;
	margin: 0 auto 6rem;
}

.catch p{
	margin-bottom: 1.5rem;
}

.schedule{
	width: 500px;
    margin: 1em auto;
    border: solid 2px #fff;
    padding: 1em;
    background: #456;
    font-size: 21px;
}

.detail_s{
	width: 580px;
	margin: 1rem auto 5rem;
	/*text-align: center;*/
	font-size: 1.6rem;
}

.detail{
	width: 100%;
	margin: 1rem auto 5rem;
	/*text-align: center;*/
	font-size: 1.6rem;
}
.detail a {		
	/*text-decoration: none; */
		color: #66ccff;
}

.detail p img{
	display: block;
	margin: 0 auto;
}

.before_release{
	padding-top: 0.5rem;
	text-align: right;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

/*-------------------------------------*/
/*-------------------------------------*/

.flex_wrap {
		width: 100%;	
		display: flex;
		justify-content: space-between;
		padding: 0;
	}

/*-------------------------------------*/
/*-------------------------------------*/

.maincast{
	width: 46%;
    margin: 0 auto 6rem;
}
.maincast .photo{
	width: 100%;
	margin: 0 0 1rem;
}

.maincast .profile{
	width: 100%;
	text-align: left;
	padding-bottom: 15px;
	border-radius: 5px;
}

.maincast .profile .name{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 1em;
}

.movie{
	width: 800px;
	margin: 4rem auto;
}

.radiko{
	color:#C31C1F;
	margin-top: 2em;	
}


.banner{
	margin: 3em auto;
	text-align: center;
}

.banner img{
	max-width: 45%;
}

.event_deadline{
	color: #ff2030;
  text-align: center;
  margin: 2rem auto 6rem;
  padding: 2rem;
  font-size: 2.5rem;
  max-width: 1400px;
  border: solid 3px #d1151b;
	}

@media only screen and (max-width: 750px) {
.flex_wrap {
	width: 100%;	
	display: block;
	}

#content {
	padding: 0;
}

.cont_box{
	max-width: 100%;
	margin: 0 auto;
	padding: 5rem 0 1rem;
}

.catch{
	font-size: 1.4rem;
	margin: 0 auto 3rem;
}

.schedule{
	width: 500px;
  margin: 1em auto;
  border: solid 2px #fff;
  padding: 1em;
  background: #456;
  font-size: 21px;
}

.detail_s{
	width: 100%;
	padding: 1em auto;
	font-size: 1.4rem;
}

.detail{
	width: 100%;
	padding: 1em auto;
	font-size: 1.4rem;
}

.maincast{
	width: 100%;
    margin: 0 auto 3rem;
}
.maincast .photo{
	width: 100%;
}
.maincast .profile{
	width: 100%;
	margin-top: 2em;
	padding: 0 1.5rem;
}
.maincast .profile .name{
	font-size: 18px;
}

.banner img{
	max-width: 80%;
}

.movie{
	width: 100%;
	margin: 2rem auto;
}

.event_deadline{
	width: 92%;
  font-size: 1.8rem;
  margin: 2rem auto 3rem;
  }
}

.info{
	width: 900px;
	background: #fff;
	color: #000;
	border: #188EAC 7px solid;
	padding: 3%;
	border-radius: 3px;
    margin: 2em auto 10em;
	font-weight: bold;
}

.infobox{
	width: 48%;	
}

.info h4{
	font-size: 18px;
    font-weight: bold;
    color: #2066ce;
    margin-bottom: 0.5em;
}

@media only screen and (max-width: 750px) {
.info{
	width: 100%;
	border: #188EAC 5px solid;
}

.infobox{
	width: 100%;
	margin-bottom: 1em;
}

.info h4{
	font-size: 15px;
}

}

/* button --------------------*/

.button{
    color: #fff;
    border: 1px solid #54361d;
    background-color: #b9122d;
		padding: 1em 6em;
    border-radius: 5px;
    letter-spacing: 5px;
    text-decoration: none;
    overflow: hidden;
		font-weight: bold;
    font-size: 17px;
}

.button:hover{
    background-color: #fff;
    border: 1px solid #54361d;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    color: orange;
    overflow: hidden;
}

@media only screen and (max-width: 750px) {

.button{
	padding: 1em 2em;
}

}


/*-------------------------------------*/


/*ul.st1_list {
	list-style-type:none;
	margin-bottom: 2rem;
}
ul.st1_list li {
	font-size: 20px
}



ul.st2_list {
	list-style-type:none;
	margin-bottom: 2rem;
}
ul.st2_list li {
		font-size: 18px;
		margin-bottom: 1rem;
}



ul.st3_list {
	list-style-type:none;
	margin-bottom: 2rem;
}
ul.st3_list li {
	font-size: 15px;
			margin-bottom: 1rem;
}*/




/* いろいろ --------------------*/

.center{ text-align: center; }
.red{ color: #E0070B; }
.bold{ font-weight: bold; }
.mt20{ margin-top: 20px; }
.mt30{ margin-top: 30px; }
.mb5{ margin-bottom: 5px; }
.mb15{ margin-bottom: 15px; }
.mb30{ margin-bottom: 30px; }
.f18{ font-size: 18px; }
.f13{ font-size: 13px; }

/*a {		
	text-decoration: none; 
		color: #DE2354;
}*/


/*公式Twitter/オーディオブックバナー追加　202106*/
#contents_box {
	width:100%;
	margin: 0 auto 6rem;
	}


#delivery_box {
	width:100%;
	}


#delivery_box a:hover {
	opacity: 75%;
	transition: all 0.3s ease 0s;
	}

#twitter_box {
	width:45%;
	}

@media screen and (max-width: 768px) {
#delivery_box {
	width:100%;
	}

#twitter_box {
	width:100%;
	}
	
	}


/*オーディオブックバナー追加　202106*/

.audiobook{
	width: 100%;
	}

.audiobook p {
	font-size: 1em;
	margin-bottom: 1em;
	}

.audiobook img {
	width: 65%;
	/*box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);*/
	}

.audiobook a {
	color: #DE2354;
	text-decoration: underline;	
	}

.audiobook a:hover {
	opacity: 75%;
	transition: all 0.3s ease 0s;
	}

.catch p.overviews_txt{
	font-size: 1.8rem;
	line-height: 1.8;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}


.detail p.overviews_txt{
	font-size: 1.8rem;
	line-height: 1.8;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}


@media screen and (max-width: 768px) {


.audiobook img {
	width: 100%;
	/*box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);*/
	}
	
	}


/*-------------------------------------*/
/*ラジコ*/

.radiko_btn{
}

#linklist li{
	list-style: none;
}


#linklist li a img{
	width: 500px;
	margin:0 auto 4rem;
	display: block;
}

@media screen and (max-width: 768px) {
#linklist li a img{
    width: 100%;
}
}



/* 改行 --------------------*/

@media screen and (min-width: 751px) {

	.br-sp { display:none;
	}

}

@media screen and (max-width: 750px) {

	.br-pc { display:none;
	}

}


/*オーディオブック関係　20211008*/

.audiobook_wrap{
	width: 1000px;
	margin: 0 auto;
}

.btn_audiobook{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.btn_audiobook_one{
	display: block;
	margin: 0 auto 4rem;
}

.btn_audiobook p{
	width: 48%;
	margin-bottom: 2rem;
}

.btn_audiobook_one p{
	width: 100%;
	margin-bottom: 2rem;
}

.btn_audiobook_one p img{
	width: 100%;
	margin:0 auto;
}

.btn_audiobook a,
.btn_audiobook_one a{
  color: #fff;
  width: 95%;
  display: block;
  margin: 0 auto;
}

.ttl_audiobook{
	margin: 0 auto 2rem;
}


/* ここから下がボタンのCSS　*/
.btn-icon {
  display: inline-block;
  /*background-color: #622a29;*/
  background-color: #db0840;
  font-size: 1.4rem;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  padding: 1.5rem 1rem;
border-radius: 5px;
  position: relative;
	text-align: center;
	width: 100%;
}

.btn-icon.blue {
  display: inline-block;
  background-color: #3399cc;
  font-size: 1.4rem;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  padding: 1.5rem 1rem;
border-radius: 5px;
  position: relative;
	text-align: center;
	width: 100%;
}


.btn-icon_event {
  display: inline-block;
  background-color: #DF2B5A;
	color:white;
  font-size: 1.6rem;
  text-decoration: none;
  font-weight: bold;
  padding: 1.5rem 1rem;
	border-radius: 5px;
  position: relative;
	text-align: center;
	width: 100%;
	box-shadow: 0px 0px 15px -5px #777777;
	margin-bottom: 1.5rem;
}


.btn-icon:hover {
  opacity: 0.8;
}

.btn-icon_event:hover {
  opacity: 0.8;
}

.thanks_btn{
	text-align: center;
	}

.audiobook_img{
	width: 40%;
  margin-bottom: 2rem;
}

@media screen and (max-width: 768px) {
.audiobook_wrap{
	width: 100%;
}

.btn_audiobook p{
	width: 100%;
}

.btn-icon {
  font-size: 1.2rem;

}
	
	.btn-icon_event {
  font-size: 1.4rem;

}
	
.audiobook_img{
	width: 70%;
}

}



/*動画エリア　youtube*/
.movie_area{
	width: 100%;
	margin: 0 auto 1rem;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
	margin: 0 auto;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


.youtube_caption {
	font-size:1.2rem;
	margin-bottom: 1rem;
	color: white;
	text-align: center;
}


@media only screen and (max-width: 750px) {
.youtube_caption {
	font-size:1.0rem;
	margin-bottom: 0rem;
	text-align: center;
}
}


/*相関図*/
.chart{
	width: 100%;
	margin: 0 auto 1rem;
}



/*番組概要　202310*/
.box_program{
	width: 100%;
	padding: 3rem 2rem;
	color: #333333;
	font-size: 1.6rem;
	background: #fff;
}


.box_program dl {
  display: flex;
	justify-content: space-between;
	margin-bottom: 2.5rem;
}

.box_program dt {
  background-color: #3399cc;
  width: 28%;
	border: 1px solid #cccccc;
	padding: 2rem;
	color: white;
}

.box_program dd {
  width: 70%;
  border: 1px solid #cccccc;
	padding: 2rem;
  background: #fff;
}

.box_program p{
	margin-bottom: 2rem;
}

.box_cast{
    width: 100%;
}

.box_cast_ttl{
	margin-bottom: 2.5rem;
	padding: 1rem;
	background-color: #efefef;
	font-weight: bold;
}

.box_cast ul{
	display: flex;
	
	margin-bottom: 2rem;
	border-bottom: dotted 1px #ccc;
}

.box_cast li{
	list-style: none;
	margin-right: 3rem;
	/*width:  48%;*/
	width:  30%;
}

@media only screen and (max-width: 750px) {
	
.box_program{
		font-size: 1.2rem;
		background: none;
}
  .box_program dl {
    flex-direction: column;
  }
	
.box_program dt {
  width: 100%;
}

.box_program dd {
  width: 100%;
}
	
	.box_cast{
    width: 100%;
}

.box_cast li{
	width:  48%;
	margin-right: 0;
}

}



.popup_txt{
    width: 100%;
	margin: 1rem auto;
}

.popup_txt img{
    width: 100%;
}






/* header/footer --------------------*/

.header_simple {
    background-color: #000;
}

.footer_simple {
    background: #000;
}

.footer_simple .copyright{
	color: #fff;
}