@charset "UTF-8";

/* Reset */
*,*:before,*:after {box-sizing: border-box;}

/* 見出し */
h1,h2,h3,h4,h5,h6 {margin:0; font-size: 1em;}

/* 段落 */
p {margin:0; line-height: 1.5;}

ul {list-style:none;}
ul,li {margin:0; padding:0;}

ol {padding:0; margin:0 0 1em 1.5em;}
ol li {margin-bottom:0.5em; line-height: 1.5;}
ol ol, ol ul {margin-top:1em;}

a {color: #000; text-decoration:none; outline:none;}

img {vertical-align:middle;}

dl,dt,dd {margin:0;}

address,caption,em,th {font-style:normal;}

table {border-collapse: collapse; border-spacing: 0;}

figure {margin: 0;}

/* Fluid-img */
img {width:100%; height:auto;}

/* PC用のもは非表示 */
.pc_only {display:none;}


/* --------------------------------------------------
	ベース
-------------------------------------------------- */
html {color:#000; font-feature-settings: "palt"; font-family: 'Noto Sans JP', sans-serif; font-size: 4.267vw; font-weight: 700; line-height:1; height:100%; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: 100%;}/* 基準フォントサイズは16px */


/* BODY */
body {margin: 0;}




/* --------------------------------------------------
	リード（メインビジュアル・次回予告）
-------------------------------------------------- */
.lead {background-color: #d01923; background-image: url("../img/star.png"); background-size: 72px;}

.next_onair {text-align: center; color: #fff;}
.next_date {line-height: 1.5; margin-bottom: 0.5em;}
.next_date h2 {font-size: 0.875em;}
.next_date p {font-size: 1.25em;}
.next_date p span {font-size: 0.75em;}
.next_theme {margin: 0 0.5em 1em;}
.next_guest p {font-size: 1.125em; margin-bottom: 1em;}
.next_guest ul {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 0 1em;}
.next_guest li {width: 48%; margin-bottom: 1.5em;}

/* --------------------------------------------------
	アンカーリンク
-------------------------------------------------- */
.anchor {background-color: #a10f14; border-top: 5px solid #e6bc6b;  border-bottom: 5px solid #e6bc6b;}
.anchor ul {display: flex; justify-content: center; margin: 0.2em 0;}
.anchor li:nth-child(2) {margin: 0 0.5em;}
.anchor li img {height: 2.5em; width: auto;}

/* --------------------------------------------------
	番組概要
-------------------------------------------------- */
.about {background-image: url("../img/about_bg.jpg"); background-size: cover; background-repeat: no-repeat; text-align: center; padding: 1em 0 2em;}
.about h2 img {height: 4.3em; width: auto; margin: 0 0 1em -2.8em;}
.about h3 img {width: 13.8em; margin-bottom: 1em;}
.about .fukidasi {display: none;}
.about .tomi {display: none;}
.about p {line-height: 1.875;}
.about p strong {color: #c71324;}


/* --------------------------------------------------
	次回のテーマ
-------------------------------------------------- */
.next {background-color: #fffef7; background-image: url("../img/theme_bg_sp.jpg"); background-size: cover; background-repeat: no-repeat; text-align: center; padding: 1em 0 1em;}
.next h2 img {height: 4.3em; width: auto; margin: 0 0 1em -2.8em;}
.next h3 img {width: 15.2em; margin-bottom: 0.75em;}
.next li {margin: 0 0.5em 0.5em;}

/* --------------------------------------------------
	過去の放送
-------------------------------------------------- */
.past {background-image: url("../img/past_bg.jpg"); background-size: 200% auto; text-align: center; padding: 1em 0 2em;}
.past h2 img {height: 4.3em; width: auto; margin: 0 0 0.5em -2.8em;}
.past h3 {background-color: #d21a23; background-image: url("../img/star.png"); background-size: 72px; padding: 0.75em; margin: 0.75em; color: #fff; text-align: left;}
.past h3 span {display: block; font-size: 0.875em; text-align: right; margin-top: 0.5em;}
.past .cont {margin: 0 0.75em 1em;}
.past .youtube {margin-bottom: 1em;}
.past .youtube iframe {width: 100%;}
.past .guest {text-align: left; margin: 0 1em;}
.past .guest h4 {color: #c71324; font-size: 0.875em; margin-bottom: 1em;}
.past .guest p {line-height: 1.5; margin-bottom: 0.5em;}
.past .guest p span {font-size: 0.875em;}

.past .btn a {display: block; width: calc(100% - 2.5em); margin: 0 auto; background-color: #c71324; color: #fff; font-weight: 900; text-align: center; line-height: 2.8; border-radius: 100px; position: relative;}
.past .btn a:after {content: ""; display: block; width: 0.5em; height: 0.9em; background: url("../img/arrow_right.png") no-repeat; background-size: contain; position: absolute; top: 50%; right: 1em; transform: translateY(-50%);}

/* --------------------------------------------------
	最後
-------------------------------------------------- */
.end {background-image: url("../img/end_bg_sp.jpg"); background-size: cover; background-repeat: no-repeat;text-align: center; padding: 16vw 0;}
.end {color: #fff; font-size: 1.125em;}


/* --------------------------------------------------
	フッター
-------------------------------------------------- */
.footer {background-color: #fff; padding: 1em; text-align: center; font-size: 0.75em;  font-weight: 100;}

/* --------------------------------------------------
	ページトップ
-------------------------------------------------- */
.backToTop {position:fixed; right:15px; bottom:15px; width:50px; height:50px; cursor:pointer; z-index:90; transition: all 0.25s ease;}
.backToTop.isBottom {bottom: 100px;}



/* --------------------------------------------------
	 768px〜　タブレット
-------------------------------------------------- */
@media print, screen and (min-width : 768px) {

html {font-size: 16px;}

.pc_only {display: block;}
.sp_only {display: none;}

/* HOVER */
a:hover {color: #c71324; transition: all 0.25s ease;}
a:hover img {opacity: 0.75; transition: all 0.25s ease;}

/* --------------------------------------------------
	リード（メインビジュアル・次回予告）
-------------------------------------------------- */
.lead {background-size: 136px;}

.next_onair {margin-top: -12vw; padding-bottom: 56px;}
.next_date {margin-bottom: 20px;}
.next_date h2 {font-size: 1.5em;}
.next_date p {font-size: 2.25em;}
.next_date p span {font-size: 0.8em;}
.next_theme {width: 80%; max-width: 666px;  margin: 0 auto 24px;}
.next_guest p {font-size: 1.5em; margin-bottom: 24px;}
.next_guest ul {margin: 0 auto; width: 96%; max-width: 1124px;}
.next_guest li {width: 23%; margin-bottom: 0;}


/* --------------------------------------------------
	アンカーリンク
-------------------------------------------------- */
.anchor {border-top-width: 10px;  border-bottom-width: 10px;}
.anchor ul {display: flex; justify-content: center; margin: 5px 0;}
.anchor li:nth-child(2) {margin: 0 50px;}
.anchor li img {height: 9vw; max-height: 87px;}

/* --------------------------------------------------
	番組概要
-------------------------------------------------- */
.about {padding: 40px 20px 0; height: 900px;}
.about .inner {max-width: 1000px; margin: 0 auto; position: relative;}
.about h2 img {height: 138px; margin: 0 0 0 -90px;}
.about h3 img {width: 270px; margin-bottom: 0; position: absolute; top: 140px; right: 166px;}
.about .fukidasi {display: block; position: absolute; width: 592px; top: 260px; right: 0;}
.about .tomi {display: block; position: absolute; top: 150px; left: 0; width: calc(100vw - 550px); max-width: 460px;}
.about p {position: absolute; font-size: 1.125em; line-height: 2.22; letter-spacing: 0.05em; top: 400px; right: 100px;}

/* --------------------------------------------------
	次回のテーマ
-------------------------------------------------- */
.next {background-image: url("../img/theme_bg_pc.jpg"); background-size: 100% auto; padding: 40px 20px 80px;}
.next .inner {max-width: 907px; margin: 0 auto;}
.next h2 img {height: 138px; margin: 0 0 30px -90px;}
.next h3 img {width: 564px; margin-bottom: 50px;}
.next li {margin: 0 0 20px;}

/* --------------------------------------------------
	過去の放送
-------------------------------------------------- */
.past {background-size: 150% auto; padding: 40px 20px 80px;}
.past .inner {max-width: 1000px; margin: 0 auto;}
.past h2 img {height: 138px; margin: 0 0 30px -90px;}
.past p {font-size: 1.5em; margin-bottom: 30px;}
.past h3 {padding: 15px 20px; margin: 0 0 40px; display: flex; justify-content: space-between; align-items: baseline;}
.past h3 div {font-size: 1.75em;}
.past h3 span {font-size: 1.25em; margin-top: 0;}
.past .cont {margin: 0 0 40px; display: flex;}
.past .youtube {margin: 0 40px 0 0; width: 50%;}
.past .guest {margin: 0;}
.past .guest h4 {font-size: 1.25em;}
.past .guest p {font-size: 1.5em; margin-bottom: 0.75em;}
.past .guest p span {font-size: 0.66em;}

.past .btn a {width: 500px; margin: 0 auto; font-size: 1.5em; line-height: 3.5;}
.past .btn a:hover {background-color: #000;}



/* --------------------------------------------------
	最後
-------------------------------------------------- */
.end {background-image: url("../img/end_bg_pc.jpg"); background-position: center; padding: 180px 0;}
.end {font-size: 2.25em;}



/* --------------------------------------------------
	フッター
-------------------------------------------------- */
.footer {font-size: 0.875em; padding: 2em;}

/* --------------------------------------------------
	ページトップ
-------------------------------------------------- */
.backToTop {width: 70px; height: 70px; right: 20px; bottom: 20px;}
.backToTop img:hover {opacity: 0.75; transition: all 0.25s ease;}
.backToTop.isBottom {bottom: 200px;}

}

/* --------------------------------------------------
	 1024px〜　タブレット横・PC
-------------------------------------------------- */
@media print, screen and (min-width : 1024px) {


}


/* --------------------------------------------------
	 1440px〜　PC
-------------------------------------------------- */
@media print, screen and (min-width : 1440px) {


/* --------------------------------------------------
	アンカーリンク
-------------------------------------------------- */




}