/*common*/
body{
	font-family:"UD デジタル 教科書体 N-R", 'Kiwi Maru', "Hiragino Kaku Gothic ProN", "ascii", serif;
/*	font-family: "游ゴシック", "Yu Gothic", "YakuHanJP","Noto Sans Japanese","Hiragino Sans","ヒラギノ角ゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",Osaka,Verdana,sans-serif !important;*/
	font-weight: 400;
	color: #333;
	font-size: 62.5%;
}
h1,h2,h3,h4,h5,h6{
	font-family:"UD デジタル 教科書体 N-R", 'Kiwi Maru', "Hiragino Kaku Gothic ProN", "ascii", serif;
/*	font-family: "游ゴシック", "Yu Gothic", "YakuHanJP","Noto Sans Japanese","Hiragino Sans","ヒラギノ角ゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",Osaka,Verdana,sans-serif !important;*/
	color: #333;
}
h2{
	text-align: center;
	font-size: 4rem;
	font-weight: 600;
}
h3{
	text-align: center;
	font-size: 2rem;
	font-weight: 600;
}
ul{
	padding: 0 !important;
}
li{
	padding: 0 !important;
}
.br-sp{
  display: none;
}
.section{
	padding: 0;
}
span.blue{
	color: #074072;
}
p{
	font-size: 1.6rem;
}
/*nav*/
.navbar{
	background-color: #dcdcdc;
}
.navbar .navbar-nav > li a{
	font-weight: 600;
	font-size: 1.8rem;
	color: #000 !important;
	padding: 1rem 4rem;
}
.navbar .navbar-nav > li a:hover{
	opacity: 0.4 !important;
}
.navbar .navbar-nav > li:not(.btn) > a::before{
	background-color: unset;
	transition: unset;
	transform: unset;
}
@media screen and  (min-width: 769px) and (max-width: 840px){
	.navbar .navbar-nav > li a{
		padding: 1rem 2rem;
	}
}
@media screen and (min-width: 769px){
	.navbar .container{
		width: 100%;
	}
}
@media screen and (max-width: 768px){
	.navbar .title-logo-wrapper{
		max-width: 160px;
	}
}
/*KV*/
.navbar-header{
	display: none;
}
#kv{
	width: 1100px;
	margin: 60px auto 0 auto;
	position: relative;
}
#kv .main_visual{
	padding: 5rem 5rem 0rem 5rem;	
}
#kv .catchphrase{
	padding: 6rem 10rem 10rem 10rem;
}
.mail_btn{
	position: absolute;
	bottom: 5rem;
	right: 0;
	width: 130px;
}
/* telop */
#telop{
	background-color: #dcdcdc;
}
@-webkit-keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-5137px);
  }
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-5137px);
  }
}
.telop_area {
 overflow: hidden;
  position: relative;
}
.telop_area .telop_bg{
  width: 25800px;
	height: 20px;
	background: url("https://www.interfm.co.jp/lp/jazzavenue/wp-content/uploads/telop.svg?1219") repeat-x left top / auto 20px;
	box-sizing: border-box;
	margin: 2rem 0;
  -webkit-animation: scroll 100s linear infinite;
  animation: scroll 100s linear infinite;
}

/* navigator */
#navigator{
	background-color: #c3afd2;
	padding: 5.5rem 0;
}
.dj_info{
	display: flex;
	align-items: center;
}
.dj_img{
	max-width: 35%;
	width: 100%;
}
.dj_text{
	max-width: 65%;
	width: 100%;
	box-sizing: border-box;
	padding: 0 2rem;
}
.dj_text dt{
	margin-bottom: 1rem;
}
.dj_text a{
	color: #333 !important;
	display: inline-block;
	text-decoration: underline;
}

/* program */
#program {
	padding: 5.5rem 0;
	background-color: #dcdcdc;
}
.program_info{
	display: flex;
	flex-direction: column;
	align-items: center;
}
#on_air,#radio,#archives_link{
	display: flex;
	align-items: center;
	width: 80%;
	margin: 1rem 0;
}
#on_air > p:first-child,#radio > p:first-child,#archives_link > p:first-child{
	width: 20%;
	margin: 0;
	font-size: 2rem;
	font-weight: 600;
	text-align: center;
}
#on_air p:nth-child(2){
	width: 80%;
	font-size: 2rem;
	margin: 0;
}
#radio > div{
	width: 75%;
}
#radio > div > div{
	display: flex;
	align-items: center;
	margin-bottom: 1.5rem;
}
#archives_link > div > div{
	display: flex;
	align-items: center;
}
#radio > div > div:first-child{
	margin-bottom: 2rem;
}
#radio > div > div img,#archives_link > div > div img{
	width: 120px;
	margin-right: 2rem;
}
#radio > div > div p,#archives_link > div > div p{
	font-size: 1.4rem;
	margin: 0 2rem 0 0;
}
/*#radio > div > div a{*/
a.radiko_link{
	font-size: 1.4rem;
	text-align: center;
	padding: 1rem 4rem;
	background: #00a7e9;
	border-radius: 10rem;
	color: #fff !important;
	display: flex;
	align-items: center;
}

/* TOPICS */
#topics{
	padding: 5.5rem 0;
	background-color: #c3afd2;
}
.rpwwt-widget ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
}
.rpwwt-widget ul li{
	display: flex;
	flex-direction: column;
	width: 32%;
	position: relative;
	background-color: #f4f4f4;
	margin: 2% 0.5% !important;
	height: 200px;
}
.rpwwt-widget .topics img{
	margin: 0;
	width: 100%;
	height: 260px;
	display: block;
	object-fit: cover;
}
.rpwwt-post-date{
	display: block;
	padding: 0 1rem 1.5rem 1rem;
	color: #000;
	text-align: right;
	font-size: 1.4rem;
}
.rpwwt-post-categories{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	display: inline-block;
	padding: 0.5rem 0.5rem;
	box-sizing: border-box;
	background: #444;
	color: #fff;
	line-height: 1.2;
}
.rpwwt-post-title{
	padding: 0 1rem;
	line-height: 1.2 !important;
	display: block;
	color: #000;
}
.rpwwt-post-excerpt{
	display: block;
	line-height: 1.4;
	padding: 1rem;
	font-size: 1.6rem;
}

/* banner */
.link_bn{
	display: flex;
	align-items: center;
	width: 600px;
	margin: 0 auto;
}
#banner{
	padding: 5rem 0;
	text-align: center;
	background-color: #c3afd2;
}
#banner a{
	display: inline-block;
	width: 45%;
	margin: 0 auto;
}
/* post */
.single .col-md-8{
	width: 100%;
	margin: 0 auto;
	padding-top: 3rem;
	margin-bottom: 2rem;
}
.single .main{
	background: #c3afd2;
}
.header-filter::before{
	background-color: unset;
}
/* footer */
footer.footer.footer-black{
	background-color: #dcdcdc;
	padding: 0;
	margin: 0;
}
.copyright{
	padding: 1rem 0;
}
.copyright p{
	padding: 0;
	margin: 0;
	font-size: 1.4rem;
	color: #000;
}
/*Media queries*/
@media screen and  (max-width: 1199px) and (min-width: 992px){
}
@media screen and (max-width: 1199px){
	#program{
		padding: 5.5rem 1rem !important;
	}
}
@media screen and (max-width: 1100px){
	#kv{
		max-width: 100%;
		width: 100%;
	}
}
@media screen and (max-width: 991px){
	#navigator{
		padding: 5.5rem 4rem !important;
	}
	#on_air, #radio{
		width: 100%;
	}
}
@media screen and (max-width: 768px){
	.br-sp{
		display: block;
	}
	.mail_btn{
		bottom: 1rem;
		right: 1rem;
		width: 130px;
	}
	.navbar.navbar-fixed-top .navbar-collapse{
		background: #dcdcdc;
	}
	.page .section.section-text{
		padding: 0;
	}
	.dj_info{
		flex-direction: column;
	}
	.dj_img{
		max-width: 70%;
		padding-bottom: 3rem;
	}
	.dj_text{
		max-width: 100%;
	}
	#on_air, #radio{
		flex-direction: column;
		text-align: center;
	}
	#on_air p:first-child, #radio p:first-child{
		text-decoration: underline;
	}
	#on_air > p:first-child, #radio > p:first-child, #archives_link > p:first-child{
		width: 100%;
	}
	#on_air p:nth-child(2){
		margin: 2rem 0 0 0;
	}
	#radio{
		margin-top: 5rem;
	}
	#radio > div{
		width: 100%;
	}
	#radio > div > div{
		flex-direction: column;
	}
	#radio > div > div p{
		margin: 1rem 0;
	}
	#radio > div > div img{
		margin: 0;
	}
	a.radiko_link{
		flex-direction: column;
		align-items: center;
		padding: 0.5rem 6rem 0 6rem;
	}
	#radio > div > div:first-child{
		margin: 2rem 0;
	}
	img.radio_logo{
		width: 160px !important;
	}
}
@media screen and (max-width: 640px){
	#kv .main_visual{
		padding: 5rem 2rem 0rem 2rem;
	}
	#kv .catchphrase{
		padding: 3rem 4rem 5rem 4rem;
	}
	.mail_btn{
		bottom: 1rem;
		right: 1rem;
		width: 90px;
	}
	.telop_area .telop_bg{
		margin: 0.5rem 0;
	}
	#navigator{
		padding: 5.5rem 1rem !important;
	}
	.dj_text a{
		display: block;
		margin-left: 0;
	}
	#banner a{
		width: 45%;
	}
}
@media screen and (max-width: 480px){
	.mail_btn{
		bottom: 1rem;
		right: 1rem;
		width: 70px;
	}
}

/*- - - - 追加CSS - - - - - - - -*/
#recommend{
	background-color: #c3afd2;
}
.books{
	background-color: #fff;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 70%;
	box-sizing: border-box;
	margin: 5rem auto;
	padding: 2rem;
	justify-content: flex-end;
}
.books > div:first-child {
  width: 30%;
	text-align: center;
}
.books > div:first-child p{
	font-size: 3rem;
}
.books > div:first-child span{
	display:block;
}
.books > div:nth-child(2) {
  width: 70%;
  display: flex;
  flex-direction: column;
	border: 1px solid #eee;
	box-sizing: border-box;
	padding: 2rem;
}
.books > div:nth-child(2) h3{
	font-size: 1.8rem;
}
.books_info{
	display: flex;
	align-items: center;
}
.books_img{
	width: 30%;
	text-align: center;
}
.books_more{
	font-size: 1.6rem;
	margin-top: 10px !important;
	display: inline-block;
}
.shop_link{
	width: 70%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.shop_link a{
	padding: 1rem 0;
	background: #575757;
	margin: 1rem auto;
	width: 80%;
	text-align: center;
	color: #fff;
}
.shop_link a span{
	font-size: 1.4rem;
	display: block;
}
.single .wrapper.classic-blog .section{
	padding-top: 0 !important;
}
.single .col-md-8{
	background: #d8c6e6;
}
.single .header-filter{
	background: none !important;
}
.single .page-header.header-small{
	min-height: unset !important;
}
.single #primary{
	transform: unset !important;
}
.page-header .container{
	background: #c3afd2;
}
.single_post_head{
	width: 400px;
	margin: -6rem auto -6rem auto !important;
}
.single h1{
	font-family:"UD デジタル 教科書体 N-R", 'Kiwi Maru', "Hiragino Kaku Gothic ProN", "ascii", serif;
	font-size: 3rem !important;
	line-height: 1.2;
	margin-bottom: 1rem !important;
}
.single h2{
	margin-top: 5rem !important;
}
.single h3{
	text-align: left;
	border-bottom: 1px solid #c3afd2;
	font-size: 2.2rem;
	font-weight: 600;
	margin: 2rem 0 !important;
}
.post_archives h3{
	text-align: center;
	border-bottom: unset !important;
	font-size: 4rem !important;
	font-weight: 600;
	margin-top: 5rem !important;
}
.letter_content{
	margin: 2rem 0 0;
	background-image: url("https://www.interfm.co.jp/lp/jazzavenue/wp-content/uploads/letter_bg.png");
	box-sizing: border-box;
	background-size: contain;
	background-repeat: repeat;
	background-position: center center;
	padding: 6rem;
	position: relative;
}
.letter_content h2{
	font-size: 2.4rem !important;
	text-align: left;
	margin-bottom: 3rem !important;
}
.letter_content p{
	line-height: 2.5 !important;
	font-weight: 500;
}
.letter_content span{
	font-size: 1.6rem;
	display: inline-block;
	margin-top: 3rem;
}
.letter_sealing{
	position: absolute;
	bottom: 3%;
	right: 0;
	width: 120px;
	opacity: 0.9;
}
.podcast{
	margin: 3rem 0 0;
}
.artist_profile{
	margin-top: 5rem;
}
.artist_profile div:first-child{
	width: 300px;
	margin: 0 auto 3rem;
}
.single #banner{
	background-color: unset;
}
.letter_content{
	margin: 2rem 0 0;
}
.section_talk{
	margin-top: 2rem;
}
.onair_date{
	display: inline-block;
	background: #444;
	padding: 0 1.5rem;
	font-size: 1.8rem;
	color: #fff;
	margin-top: 1rem;
}
.listen{
	text-align: center;
}
.listen p{
	text-align: center;
	margin-top: 3rem !important;
	font-size: 1.8rem;
}
.listen_radiko div{
	display: flex;
	flex-direction: column;
}
.listen_radiko p{
	margin: 3rem 0 1rem !important;
}
.listen_radiko a{
	color: #484848;
	display: inline-block;
	padding: 1rem 4rem;
	text-decoration: underline;
	width: fit-content;
	background: #eee;
	margin: 0 auto;
	border-radius: 10px;
}
@media screen and (max-width: 1100px){
	.books{
		width: 85%;
	}
}
@media screen and (max-width: 991px){
	.rpwwt-widget ul li{
		width: 49%;
	}		
}
@media screen and (max-width: 768px){
	.rpwwt-widget ul li{
		width: 49%;
	}
	.single-post .page-header.header-small .container{
		margin-top: 70px;
		padding: 100px 0 100px 0;
	}
	.single .section{
		padding: 0;
	}
	.single h1{
		font-size: 2.6rem !important;
	}
	.single h3{
		font-size: 2rem;
	}
}
@media screen and (max-width: 640px){
	.rpwwt-widget ul li{
		width: 100%;
		height: unset !important;
	}
	.rpwwt-widget .topics img{
		height: auto;
	}
	.books{
		flex-direction: column;
		width: 100%;
	}
	.books > div:first-child{
		width: 100%;
	}
	.books > div:first-child p{
		font-size: 2.6rem;
	}
	.books > div:first-child span{
		display: unset;
	}
	.books > div:nth-child(2){
		width: 100%;
	}
	.books_info{
		flex-direction: column;
	}
	.books_img{
		width: 50%;
	}
	.shop_link{
		width: 100%;
	}
	.shop_link a{
		margin: 1rem auto 0;
	}
	.link_bn{
		width: 100%;
	}
	.sub_page .rpwwt-widget ul{
		margin: 0 2%;
	}
}
@media screen and (max-width: 480px){
	.single_post_head{
		width: 300px;
	}
	.books_img{
		width: 100%;
	}
	.shop_link a{
		width: 100%;
	}
	.letter_content{
		padding: 6rem 3rem;
	}
	.link_bn{
		flex-direction: column;
	}
	#banner a{
		width: 85%;
		margin-bottom: 2rem;
	}
}

/*- - - - 追加CSS - - - - - - - -*/
.sub_page{
	width: 1170px;
	margin: 0 auto;
}
.main{
	background: unset;
}
.subpage_kv {
  width: 400px;
  margin: 3rem auto -6rem auto !important;
}
.sub_PageTitle{
	margin: 9rem 0 0 !important;
	font-size: 2.8rem;
}
.sub_page .rpwwt-widget ul li a{
	font-size: 1.8rem !important;
}
.books_archives{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
}
.books_archives > div{
	width: 48%;
}
.books_archives .books > div{
	width: 100%;
}
.books_archives .books > div h3{
	font-size: 1.8rem;
	margin-bottom: 2rem;
}
.books_archives .books .shop_link a{
	font-size: 1.8rem;
}
@media screen and (max-width: 1199px){
	.sub_page{
		width: 980px;
	}
}
@media screen and (max-width: 991px){
	.sub_page{
		width: 750px;
	}
}
@media screen and (max-width: 768px){
	.sub_page{
		width: 100%;
	}
	.books_archives > div{
		width: 80%;
	}
}
@media screen and (max-width: 640px){
	.letter_sealing{
		bottom: 1%;
	}
}
@media screen and (max-width: 480px){
	.subpage_kv{
		width: 300px;
		margin: 110px auto -6rem !important;
	}
	.sub_PageTitle{
		font-size: 2rem;
	}
	.books_archives > div{
		  width: 90%;
	}
}
.playlist{
	padding: 1rem;
	background: #eee7f4;
	margin: 5rem auto 2rem;
	border-radius: 6px;
	width: 50%;
	box-sizing: border-box;
	text-align: left;
}
.playlist p{
	font-size: 2.2rem;
	padding: 0;
	margin: 1.5rem 0 2.5rem 0 !important;
	background: #eee7f4;
	border-radius: 6px;
}
.playlist p span{
	display: block;
	font-size: 1.6rem;
}
.playlist a {
  color: #333;
  text-decoration: underline;
}
.playlist .note{
	font-size: 1.2rem;
	text-align: right;
	display: block;
}
@media screen and (max-width: 1199px){
	.playlist{
		width: 70%;
	}
}
@media screen and (max-width: 991px){
	.playlist{
		width: 80%;
	}
}
@media screen and (max-width: 768px){
	.playlist{
		width: 100%;
	}
}

.rpwwt-widget{
	height: 650px;
	overflow-x: hidden;
	box-sizing: border-box;
	padding: 2rem;
	background: #c8b9d5;
}