@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Quicksand&display=swap");
@import url("https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:300&display=swap");

/* -- FOUNDATION -- */
/* reset CSS */
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
	margin : 0;
	padding : 0;
	border : 0;
	outline : 0;
	font-size : 100%;
	vertical-align : baseline;
	background : 0 0;
}

body {
	line-height : 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display : block;
}

nav ul {
	list-style : none;
}

blockquote,
q {
	quotes : none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content : "";
	content : none;
}

a {
	margin : 0;
	padding : 0;
	font-size : 100%;
	vertical-align : baseline;
	background : 0 0;
}

ins {
	background-color : #FFFF99;
	color : #000000;
	text-decoration : none;
}

mark {
	background-color : #FFFF99;
	color : #000000;
	font-style : italic;
	font-weight : 700;
}

del {
	text-decoration : line-through;
}

abbr[title],
dfn[title] {
	border-bottom : 1px dotted;
	cursor : help;
}

table {
	border-collapse : collapse;
	border-spacing : 0;
}

hr {
	display : block;
	height : 1px;
	border : 0;
	border-top : 1px solid #CCCCCC;
	margin : 1em 0;
	padding : 0;
}

input,
select {
	vertical-align : middle;
}

/* reset CSS ここまで */
html {
	font-size : 62.5%;
}

body {
	font : 1.6rem/1.5 sans-serif;
	color : #575757;
}

img {
	max-width : 100%;
	height: auto;
	vertical-align : bottom;
}

a {
	text-decoration : none;
	color : #575757;
}

a:hover {
	opacity : 0.8;
}

main {
	display : block;
}

/* -- LAYOUT -- */
.header {
	width : 100%;
	height : 80px;
	border-bottom : 1px solid #333333;
}

.header_container {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
	-webkit-box-align : end;
	-ms-flex-align : end;
	align-items : flex-end;
	width : 90%;
	height : auto;
	max-width : 1000px;
	margin : 0 auto;
	background-position : bottom right;
}

.header .logo_tfm {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	width : 140px;
	height : 80px;
}

.header .logo_tfm > img {
	width : 100%;
	height : auto;
}

.header .freq {
	margin-bottom : 5px;
	font-size : 1rem;
	text-align : right;
	line-height : 1.2;
	font-family : sans-serif;
}

@media (max-width: 800px) {
	.header {
		height : 70px;
	}

	.header_container {
		background : none;
	}

	.header .logo_tfm {
		width : 105px;
		height : 70px;
	}

	.header .freq {
		display : none;
	}
}

.ham {
	display : none;
}

.ham_icon {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	width : 40px;
	height : 70px;
	cursor : pointer;
}

.ham_menu {
	display : none;
	position : fixed;
	width : 100%;
	height : 100vh;
	background : white;
	left : 0;
	top : 0;
	z-index : 2;
}

.ham_menu .hideIcon {
	position : absolute;
	width : 40px;
	height : 40px;
	top : 15px;
	right : 5%;
	cursor : pointer;
}

.ham_contents {
	margin-top : 100px;
	font-family : "Quicksand", sans-serif;
	text-align : center;
}

.ham_contents > li {
	margin-bottom : 30px;
}

.ham_sns {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	margin-top : 50px;
}

.ham_sns > li {
	margin : 0 20px;
}

.ham_sns > li > a > img {
	width : 30px;
	height : auto;
}

@media (max-width: 480px) {
	.ham {
		display : block;
	}
}

#menu.is-open {
	display : block;
	overflow-y : hidden;
}

.main {
	width : 90%;
	max-width : 1000px;
	margin : 0 auto;
}

.mainNav {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
	width : 100%;
	height : 70px;
	font-family : "Quicksand", sans-serif;
	word-break : keep-all;
}

.mainNav_menu {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-pack : start;
	-ms-flex-pack : start;
	justify-content : flex-start;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	font-family : "Quicksand", sans-serif;
}

.mainNav_menu > li {
	padding-right : 30px;
}

.mainNav_sns {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-pack : end;
	-ms-flex-pack : end;
	justify-content : flex-end;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
}

.mainNav_sns > li {
	margin-left : 15px;
}

.mainNav_sns > li > a > img {
	width : 25px;
	height : 25px;
}

@media (max-width: 480px) {
	.mainNav {
		display : none;
	}
}

.mainTtl {
	margin : 0 auto 50px;
	font-size : 3.6rem;
	font-weight : 300;
	font-family : "M PLUS Rounded 1c", sans-serif;
	letter-spacing : 0.3em;
	text-align : center;
}

@media (min-width: 481px) and (max-width: 800px) {
	.mainTtl {
		margin : 0 auto 25px;
	}
}

@media (max-width: 480px) {
	.mainTtl {
		margin : 20px auto;
		font-size : 2.8rem;
		letter-spacing : 0.2em;
	}
}

.time {
	font-size : 2rem;
	color : #858585;
	letter-spacing : 0.1em;
	line-height : 1.8;
	text-align : center;
	font-family : "Quicksand", sans-serif;
}

.time_onair {
	margin-right : 10px;
}

.time_start {
	display : block;
	font-size : 1.8rem;
	margin-top : 25px;
	margin-bottom : -30px;
}

@media (max-width: 480px) {
	.time {
		font-size : 1.6rem;
	}
}

@media (max-width: 800px) {
	.time_onair {
		display : block;
	}

	.time_start {
		display : block;
		font-size : 1.6rem;
		margin-bottom : 0;
	}
}

.catch {
	margin : 30px auto;
	font-size : 2rem;
	font-weight : bold;
	line-height : 1.5;
	text-align : center;
}

@media (max-width: 800px) {
	.catch {
		margin : 10px auto;
	}
}

@media (max-width: 480px) {
	.catch {
		font-size : 1.6rem;
	}
}

.lead {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	margin : 30px auto;
}

.lead_ttl {
	font-size : 2.6rem;
	font-weight : bold;
	margin-top : 60px;
	text-align : center;
}

.lead_wrap {
	margin : 20px auto 20px;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
}

.lead_person {
	width : 166px;
	margin : 0 20px;
}

.lead_name {
	padding-top : 10px;
	letter-spacing : 0.15em;
	line-height : 1;
	text-align : center;
	vertical-align : bottom;
}

.lead_name span {
	display : block;
	letter-spacing : 0;
	margin-top : 6px;
	font-size : 1.4rem;
}

.lead_txt {
	text-align : center;
	line-height : 2;
}

@media (max-width: 800px) {
	.lead {
		margin : 30px auto;
		-webkit-box-orient : vertical;
		-webkit-box-direction : normal;
		-ms-flex-flow : column;
		    flex-flow : column;
		text-align : center;
	}

	.lead_ttl {
		font-size : 2.2rem;
		font-weight : bold;
		margin-top : 60px;
		text-align : center;
	}

	.lead_wrap {
		margin : 30px auto 0;
		display : block;
		-webkit-box-pack : center;
		-ms-flex-pack : center;
		justify-content : center;
		-webkit-box-align : center;
		-ms-flex-align : center;
		align-items : center;
	}

	.lead_name {
		font-size : 1.6rem;
		padding-top : 10px;
		letter-spacing : 0.15em;
		line-height : 1;
	}

	.lead_person {
		width : 55%;
		margin : 0 auto 15px;
	}

	.lead_txt {
		font-size : 1.5rem;
		margin : 0 auto;
		padding : 0 0 0;
		text-align : left;
	}
}

.btnBox {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-ms-flex-pack : distribute;
	justify-content : space-around;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	-ms-flex-flow : wrap;
	    flex-flow : wrap;
	margin : 0 auto 30px;
	max-width : 700px;
}

@media (max-width: 480px) {
	.btnBox {
		margin-bottom : 0;
	}
}

.bnrBox {
	margin : 75px auto 0;
	text-align : center;
}

.bnrBox .lead_txt {
	margin-bottom : 15px;
	text-align : center;
}

.bnrBox a,
.bnrBox img {
	width : 100%;
	max-width : 699px;
}

@media (max-width: 800px) {
	.bnrBox img {
		max-width : 400px;
	}
}

.btn,
.btn-tfm {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	margin : 20px;
	padding : 20px;
	width : 300px;
	height : 70px;
	text-align : center;
	font-family : "Quicksand", "M PLUS Rounded 1c", sans-serif;
	font-size : 2.4rem;
	color : #FFFFFF;
	background : #45AFDF;
	-webkit-box-sizing : border-box;
	        box-sizing : border-box;
}

.btn-tfm {
	background : #13307F;
}

@media (max-width: 480px) {
	.btn,
	.btn-tfm {
		font-size : 2rem;
	}
}

.btn-plus {
	background : #129A92;
}

.bnr {
	text-align : center;
}

.bnr > img {
	max-width : 100%;
	height : auto;
}

.sns {
	max-width : 600px;
	margin : 30px auto 0;
}

.present {
	max-width : 700px;
	margin : 50px auto;
	padding : 30px 20px;
	border : 1px solid #258C11;
	border-radius : 24px;
	box-sizing : border-box;
}

.present_head {
	margin : 0 auto 30px;
	color : #00A040;
	font-size : 1.6em;
	text-align : center;
	background : linear-gradient(transparent 49%, #00A040 49%, #00A040 52%, transparent 52%);
}

.present_head span {
	display : inline-block;
	padding : 0 12px;
	background : #FFFFFF;
}

.present_txt {
	margin : 0 auto 30px;
	line-height : 1.75;
}

.present_txt > strong {
	background : linear-gradient(transparent 80%, #FFFF00 80%);
}

.present_img {
	display : block;
	width : 95%;
	max-width : 450px;
	margin : 0 auto;
}

@media (max-width: 480px) {
	.present_head {
		max-width : 100%;
		font-size : 1.4em;
	}
}

.sponsor {
	max-width : 500px;
	margin : 0 auto;
	margin-top : 70px;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
}

.sponsor__bnr {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	width : 300px;
	height : auto;
	margin : 0 auto;
}

@media (max-width: 480px) {
	.sponsor {
		-webkit-box-orient : vertical;
		-webkit-box-direction : normal;
		-ms-flex-direction : column;
		    flex-direction : column;
		-webkit-box-align : center;
		-ms-flex-align : center;
		align-items : center;
		width : 100%;
		margin-top : 50px;
	}

	.sponsor__bnr {
		margin : 20px auto 0;
		max-width : 200px;
	}
}

.footer {
	margin-top : 70px;
}

.copyright {
	margin-top : -20px;
	padding : 0 5% 30px;
	font-size : 1.2rem;
	text-align : center;
	font-family : "Quicksand", sans-serif;
}

@media (max-width: 800px) {
	.copyright {
		margin-top : 20px;
	}
}

.pagetop {
	position : fixed;
	padding : 2px 5px;
	bottom : 20px;
	right : 20px;
	cursor : pointer;
	text-align : center;
	background : rgba(255, 255, 255, 0.6);
	border-radius : 7px;
	z-index : 100;
}

.pagetop > img {
	width : 30px;
	min-height : 0;
}

.pagetop > p {
	margin-top : 1px;
	font-family : "Quicksand", sans-serif;
	font-size : 1.2rem;
}

/* -- UTILITY -- */
/* 共通フッター用 もしくはブレイクポイントごとの表示指定 */
.pcDetail {
	display : block;
}

.spDetail {
	display : none;
}

@media (max-width: 800px) {
	.spDetail {
		display : block;
	}

	.pcDetail {
		display : none;
	}
}

.audee_kana {
	font-size : 75%;
}

.audee_kana2 {
	font-size : 60%;
	display : block;
	margin-bottom : -5px;
}

.u-under-line {
	text-decoration : underline;
}

/* -- TW ウィジェット -- */
.widget {
	width : 500px;
	margin : 70px auto 90px;
}

@media (max-width: 800px) {
	.widget {
		width : 90%;
		margin : 35px auto 0;
	}
}

/*# sourceMappingURL=style.css.map */
