*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;outline:0;border-radius:0;text-align:inherit}[type="checkbox"]{-webkit-appearance:checkbox;appearance:checkbox}[type="radio"]{-webkit-appearance:radio;appearance:radio}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer;-webkit-appearance:none;appearance:none}button[disabled],[type="button"][disabled],[type="reset"][disabled],[type="submit"][disabled]{cursor:default}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}select::-ms-expand{display:none}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]{outline:none}table{border-collapse:collapse;border-spacing:0}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}template{display:none}[hidden]{display:none}

* {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-touch-callout:none;
	-webkit-overflow-scrolling:touch;
	box-sizing:border-box;
	text-decoration:none;
}

body {
	color:#303030;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:16px;
}

a:hover {
	text-decoration: none;
}

/* Header */

.g-header {

}

.g-header .mainviaul {
	margin-bottom: 15px;
}

.g-header .mainviaul img {
	width: 100%;
	height: auto;
}

.g-header .mainviaul img:nth-child(1){
	display: none;
}

.catch {
	margin-bottom: 15px;
	font-size: 1.25rem;
	font-weight: 900;
	text-align: center;
}

.catch strong {
	color:#cc0000;
	font-size: 1.5rem;
}

/* Main */

.program-list {
	margin-bottom: 25px;
}

.program-list h1 {
	margin-bottom: 15px;
	padding-left: 10px;
	font-size: 1.375rem;
	font-weight: 900;
	font-family: 'Noto Sans JP', sans-serif;
	border-left:10px solid #C3D600;
}

.program-list .program .play {
	position: relative;
}

.program-list .program .play::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-30%,-75%);
	background: url(../images/play.png);
	background-size: 100px 100px;
	width: 100px;
	height: 100px;
}

.program-list .program .play a::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-30%,-75%);
	background: url(../images/play.png);
	background-size: 100px 100px;
	width: 100px;
	height: 100px;
	opacity: 0;
}

.program-list .program div img {
	margin-bottom: 10px;
	width: 100%;
	height: auto;
	border-radius: 6px;
}

.program-list .program dl dt {
	margin-bottom: 5px;
	font-size: 1.125rem;
}

.modal-content img {
	width: 100%;
	height: auto;
}

.modal-content .summary {
	padding: 15px 15px 25px 15px;
}

.modal-content .summary dl,
.modal-content .summary dl + p {
	margin-bottom: 10px;
}

.modal-content .summary dl dt {
	margin-bottom: 5px;
	font-size: 1.125rem;
}

.modal-content .summary p {
	margin-bottom: 10px;
	line-height: 1.4;
}

aside {
	text-align: center;
}

aside img {
	margin-bottom: 15px;
}

aside img:nth-child(1){
	display: none;
}

/* Footer */

.g-footer {
	padding: 15px 0;
	color: white;
	background: #303030;
	text-align: center;
}

.g-footer img {
	margin-bottom: 5px;
	width: 100px;
	height: auto;
}

.g-footer p small {
	font-size: 0.75rem;
}

/* Button */

.btn-free-type1 {
	margin: 0 auto 15px auto;
	text-align: center;
}

.btn-free-type1 a {
	display: block;
	padding:15px 0;
	background: linear-gradient(180deg, #FF9804 0%, #FF9804 50%, #F87C05 50%, #F87C05 100%);
	border-radius: 40px;
	color: white;
	font-weight: 700;
	animation-name: pulse;
	animation-iteration-count: infinite;
	animation-duration: 1s;
}

.btn-free-type1 a strong {
	display: block;
	font-size: 1.5rem;
	font-weight: 900;
}

.btn-free-type2 {
	margin: 0 auto;
	width: 90%;
	text-align: center;
}

.btn-free-type2 a {
	display: block;
	padding:10px 0;
	background: linear-gradient(180deg, #E53935 0%, #E53935 50%, #C62928 50%, #C62928 100%);
	border-radius: 40px;
	color: white;
	font-weight: 700;
	animation-name: pulse;
	animation-iteration-count: infinite;
	animation-duration: 1s;
}

.btn-free-type2 a strong {
	display: block;
	font-size: 1.25rem;
	font-weight: 900;
}

.mb15px {
	margin-bottom: 15px;
}

.mb25px {
	margin-bottom: 25px;
}

@keyframes pulse {
	from {
	  transform: scale3d(1, 1, 1);
	}
  
	50% {
	  transform: scale3d(1.02, 1.02, 1.02);
	}
  
	to {
	  transform: scale3d(1, 1, 1);
	}
  }
  
@media screen and (min-width:60em) {
	/*PC*/

	.g-header .mainviaul img:nth-child(1){
		display: block;
	}

	.g-header .mainviaul img:nth-child(2){
		display: none;
	}

	.catch {
		margin: 35px 0;
		font-size: 2rem;
	}
	
	.catch strong {
		color:#cc0000;
		font-size: 2.5rem;
	}

	main > .uk-container > .btn-free-type1 {
		margin-bottom: 25px;
	}

	.program-list h1 {
		margin-bottom: 25px;
		padding-left: 10px;
		font-size: 2rem;
	}

	.program-list .program .play:hover {
		opacity: 0.8;
	}

	.modal-content .summary {
		padding: 25px;
	}

	.modal-content .summary dl + p {
		margin-bottom: 25px;
	}

	.modal-content .summary dl dt {
		font-size: 1.375rem;
	}

	aside img {
		margin: 0 auto;
	}

	aside img:nth-child(1){
		display: block;
	}

	aside img:nth-child(2){
		display: none;
	}

	aside .btn-free-type1 {
		margin: 50px auto;
	}

	.btn-free-type1 {
		width:50%;
	}

	.btn-free-type1 a {
		padding:25px 0;
		font-size: 1.5rem;
		border-radius: 60px;
	}

	.btn-free-type1 a strong {
		font-size: 2.5rem;
	}

}