body,html,section,p,h1,h2,h3,figure,picture {
margin:0;
padding:0;vertical-align:bottom;
}
html {font-size: 20px;}
body {
min-width: 1240px;
}
@media only screen and (max-width: 767px) {
body {
min-width: 0;
}
}
a:link, a:visited { text-decoration:none; }
a:hover {text-decoration:none;
}
.wow:first-child {
visibility: hidden;
}
.cl{clear: both;}

img{
    display: block;
    margin: 0 auto;
}
.second {
position: relative;
padding: 20px 20px 70px 20px;
}
.box-wrap-second {
max-width: 1000px;
margin: 20px auto;
text-align: center;
}
.box-wrap-second H1{
font-size: 2em;
margin: 15px 0 30px;
color: #ba0f0f;
}
.box-wrap-second p{
text-align: left;
line-height: 2em;
margin-bottom: 40px;
}
.table_02 td {
padding: 10px;
background-color: #fff;
border: 1px solid #b9b9b9;
text-align:center;
}
.table_02 th {	
padding: 10px;
text-align: center;
vertical-align: top;
color: #FFF;
background-color:#333;
border: 1px solid #b9b9b9;
}
.br-pc { display:block; }
.br-sp { display:none; }
.footer{
position: relative;
padding: 20px 20px 20px 20px;
color: #626262;
font-size: 0.7em;
background-color: #001219;
text-align: center;
}

@media only screen and (max-width: 767px) {

footer {
width: auto !important;
margin: 0 !important;
padding: 2em 0;
background: #fff !important;
color: #6c6c6c;
}
.br-pc { display:none; }
.br-sp { display:block; }

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
}















/*タイトル*/
.ttl-content-area{
max-width: 600px;
width: 100%;
margin: 0px auto;
height: 340px;
padding: 0px 20px;
}
.ttl-logo {
float: left;
width:600px;
}
.ttl-content-r{
float: left;
margin: 0px auto;
padding: 0px 0px 0px;
}
.ttl-content-r H1{font-size: 2.3rem;}
.ttl-content-r H2{font-size: 1.6rem;line-height: 3rem;}
.btn-backnm{
display: table;
float: left;
}
.btn-backnm a:hover{
opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);	/* IE lt 8 */
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}


@media only screen and (max-width: 1024px) {
.ttl-content-area{
max-width: 900px;
padding: 10px 20px 120px 20px;
}
}
@media only screen and (max-width: 820px) {
.ttl-content-r{
margin: 0px 0px 0px 0px;
}
}

@media only screen and (max-width: 767px) {
.ttl-content-area{
height: auto;
padding: 0px;
}
.ttl-logo {
width:100%;
height: 100%;
margin-bottom: 20px;
}
.ttl-content-r{
width:100%;
height: 100%;
margin: 0px auto;
padding: 0px 0px;
}
.ttl-content-r H1{font-size: 1rem;text-align: center;}
.ttl-content-r H2{font-size: 0.8rem;line-height: 1.5rem;text-align: center;}
.btn-backnm{
position: static;
margin: 30px auto 50px;
}
.btn-backnm{
width: 100%;
margin: 0px auto 30px;
}
}
/*前回放送した内容　ここまで*/













.ttl-content-r table {
margin: 20px auto;
border-spacing:0 45px; }
.ttl-content-r th {
background: #eeeeee;
border-radius: 40px;
font-weight: normal;
width: 30%;
text-align: center;
vertical-align: middle;
font-size: 1rem;
padding: 10px 40px;
}
.tbl-r02 td {
width: 70%;
padding: 5px;
padding-left: 20px;
font-size: 1rem;
text-align: left;
}
/* 狭いブラウザとタブレット向け */
@media screen and (max-width:1024px){
.ttl-content-r table {
margin: 20px auto;}
.ttl-content-r .tbl-r02 th {padding: 5px 0;}
.ttl-content-r .tbl-r02 th,
.ttl-content-r .tbl-r02 td {
display: block;
width: 100%;
font-size: 2em;margin: 30px;padding-left: 0px;
}
}
@media screen and (max-width:599px){
.ttl-content-r table {
margin: 20px auto;border-spacing:20px;
}
.tbl-r02 th,
.tbl-r02 td {
font-size: 0.85rem;margin: 0px;
}
.tbl-r02 td {
padding: 15px 0;
text-align: left;
}
.tbl-r02 td {
padding: 15px 0;
text-align: left;
}
}










.third {
position: relative;
padding: 100px 20px 90px 20px;
background-color: #f8e9d4;
}
.box-wrap-third {
max-width: 1216px;
margin: 0px auto;
font-size: 20px;
}


.maplist_contents_title {
	max-width:300px;
	width: 100%;
	height:auto;
	margin:0 auto 30px;
	text-align:center;
	color: #2d210b;	line-height: 2rem;
}
.maplist_contents_title img{
width: 30%;margin-bottom: 10px;
}
.maplist_contents_title h1 {
font-size: 2.6rem;
letter-spacing: 3px;	
}
.maplist_contents_title H2 {
letter-spacing: 2px;	
	font-size:0.9em;
	line-height: 4rem;
}
.table_02 {
	width:100%;
border-collapse: collapse;
font-size:90%;
}

.backnm-wrap{
overflow: hidden;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.backnm-wrap div{
	border: 1px solid #e6e6e6;
	-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 7px;
	background-position: left;
	background-color: #F8F8F8;
	padding: 20px;
	margin-right: 16px;
	float: left;
	width: 250px;
	font-size: 75%;
	margin-top: 15px;
}
.backnm-wrap  div:nth-child(4n){
margin-right: 0px;
}
.backnm-wrap  div:nth-child(-n+4){
margin-top: 0px;
}
.backnm-wrap  img{
width: 100%;
height: auto;
margin-bottom: 10px;
vertical-align: bottom;
}
.backnm-wrap a:hover{
opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
}

.backnm_ttl_area{
font-size:2.3rem;
color: #2d210b;
margin: 200px 0 20px;
}
.backnm_ttl_area:first-of-type {
margin: 50px 0 20px;
}

.backnm_ttl_area span{
font-size:1rem;
line-height:4rem;
}
.backnm_day{
font-size: 0.75rem;
line-height:1.5rem;
color: #7482c8;
border-bottom: solid 1px #242d5b;
}
.backnm_ttl,.backnm_ttl01{
font-size: 0.9rem;
line-height:1.3rem;
color: #000;
font-weight: bold;
}
.backnm_ttl{
margin: 20px 10px 0px 10px;
}
.backnm_ttl01{
margin: 20px auto;
}
.backnm_txt{
font-size: 0.65rem;
line-height:1.1rem;
color: #5F5F5F;
text-align: left;
margin: 10px 20px 5px;
}
.backnm_ctg{
	font-size: 0.60rem;
padding: 0px 20px 30px;
	color: #919cd7;
	text-align: right;
}
.f06{font-size: 0.6rem;}
.f07{font-size: 0.7rem;}

@media screen and (min-width:1025px){
.wide-img {
  max-width: 300px;
  height:169px;
  margin: 0;
  padding: 0;
  background: #fff;
  overflow: hidden;
  cursor: pointer;
}
.wide-img img {
  width: 100%;
  height: 100%;
  transform: scale(1);
  transition: .3s ease-in-out;
}
.wide-img:hover img {
  transform: scale(1.08);
}
}

@media screen and (max-width:1024px){
.backnm-wrap div{
	padding: 20px;
	margin-right: 16px;
	float: left;
width: 45%;
	font-size: 75%;
	margin-top: 15px;
}
.backnm-wrap  div:nth-child(4n){
margin-right: 0px;
}
.backnm-wrap  div:nth-child(-n+4){
margin-top: 0px;
}
.backnm-wrap  img{
width: 100%;
height: auto;
margin-bottom: 10px;
vertical-align: bottom;
}
.backnm-wrap a:hover{
opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
}

.backnm_day{
font-size: 1.5rem;
line-height:3rem;
}
.backnm_ttl,.backnm_ttl01{
font-size: 1.7rem;
line-height:2.5rem;
}
.backnm_txt{
font-size: 1.5rem;
line-height:3rem;
}
.f06{font-size: 1.4rem;}
.f07{font-size: 1.55rem;}
.backnm_ctg{
font-size: 1.2rem;
margin: 5px 0 0px;
}
}



@media screen and (max-width:767px){
.third {padding: 60px 20px 50px 20px;}
.maplist_contents_title {
	margin:0 auto 0px;
	line-height: 1rem;
}
.maplist_contents_title img{
width: 20%;margin-bottom: 5px;
}
.maplist_contents_title h1 {
font-size: 1.2rem;
letter-spacing: 0px;	
}
.maplist_contents_title H2 {
	font-size:0.7em;
	line-height: 1.5rem;
}
.backnm_ttl_area{
font-size:1rem;
margin: 20px 0 0px;
line-height: 0rem;
}
.backnm_ttl_area:first-of-type {
margin: 0px;
}

.backnm_ttl_area span{
font-size:0.7rem;
line-height:4rem;
}



.backnm-wrap {width: 100%;font-size: 75%;}
.backnm-wrap  div{
float: left;
width: 90%;
margin-right: 8px;
	padding: 13px;
}
.backnm-wrap  div p{padding: 5px 0;}
.backnm-wrap  div:nth-child(-n+4){margin-top: 20px;}
.backnm-wrap  div:nth-child(-n+2){margin-top: 0px;}
.backnm-wrap  div:nth-child(2n){margin-right: 0px;}
.backnm_day{
font-size: 0.75rem;
line-height:1.5rem;
}
.backnm_ttl{
font-size: 0.9rem;
line-height:2rem;
}
.backnm_txt{
font-size: 0.75rem;
line-height:1.5rem;
}
.backnm_ctg{
font-size: 0.6rem;
margin: 5px 0 0px;
}
.backnm_ctg{
	font-size: 0.60rem;
padding: 0px 20px 30px;
	color: #919cd7;
	text-align: right;
}


}
.bnm-grid-box {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.bnm-grid-item {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 0.6rem 0.5rem -0.5rem hsl(0 0% 0% / 20%);
  padding: 0px;
  text-align: center;
}
.bnm-grid-box a:hover{
opacity: .85;
-webkit-opacity: .85;
-moz-opacity: .85;
}
img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width:1024px){
.bnm-grid-box {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
}
}
@media screen and (max-width:599px){
.bnm-grid-box {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.wide-img img{
width: 40%;float: left;margin-right: 5%;
margin-bottom: 0.7%;
}
.backnm_ttl,.backnm_ttl01{
font-size: 0.77rem;
text-align: left;
line-height:1.2rem;
margin: 0px 10px 0px;
font-weight: bold;
padding-top: 10px;
}
.backnm_txt{
font-size: 0.7rem;
line-height:1.1rem;
margin: 5px 10px 5px;
}
.f06{font-size: 0.7rem;}
.f07{font-size: 0.85rem;
}
}
@media screen and (max-width:320px){
.f06{font-size: 0.55rem;}
.f07{font-size: 0.67rem;}
.backnm_ttl,.backnm_ttl01{
font-size: 0.75rem;
}
}

#content { overflow: hidden;}
.m-kv {
width: 100%;
position: relative;}
.m-kv__inner {
width: 100%;
margin: 0 auto;
position: relative;}
@media only screen and (max-width: 1300px) {
.m-kv__inner {font-size: 1.3846153846vw;
}
}
.m-kv__inner img {
width: 100%; }
#contents02_area{
background-color: #cfe767;
}
#wrapper_top,#wrapper_entry{
width: 1200px;
height: auto;
margin:0% auto;
padding:3% 1%;
max-width:95%;
position:relative;
}
#wrapper_entry #yokoku{
color: #FF0004;
text-align: center;
margin-bottom: 40px;
}
#wrapper_entry H3{
text-align: center;
margin-bottom: 20px;
}
.inner {
width: 94%;
margin: 0 auto;
padding-bottom: 0px;
background-color: #FFF;
border-radius: 20px;
}
.inner_main {
width: 90%;
margin: 0 auto;
padding: 30px;
}
.inner_main p{
font-size: 1em;
text-align: left;
}
#wrapper_entry table {
margin: 0px auto;
border-spacing: 20px;
}
#wrapper_entry th {
background: #eee;
border-radius: 40px;
font-size: 1rem;
font-weight: bold;
width: 30%;
text-align: center;
vertical-align: middle;  /* 中央揃え */
padding: 10px 40px;
}
#wrapper_entry .tbl-r02 td {
width: 80%;
  padding: 10px;
}
.btn {
  display: block;
  width: 700px;
  height: 70px;
  text-align: center;
  line-height: 70px;
  text-decoration: none;
  border-radius: 50px;
  font-size: 1.1rem;
	font-weight: bold;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-o-transition: 0.2s;
-ms-transition: 0.2s;
transition: 0.2s;
margin: 50px auto;
}


/* 狭いブラウザとタブレット向け */
@media screen and (max-width:1024px){
.inner_main {
width: 95%;
padding: 10px 0px;}
#wrapper_entry .tbl-r02 th {padding: 5px 0;}
#wrapper_entry .tbl-r02 th,
#wrapper_entry .tbl-r02 td {
display: block;
width: 100%;
font-size: 2rem;
}
}


/* スマホ */
@media screen and (max-width:599px){
#wrapper{
padding:7% 0% 0%;
}
#wrapper_entry{
padding:7% 0% 5%;
}
#wrapper_entry #yokoku{
font-size: 1rem;
margin-bottom: 20px;
}
#wrapper_entry .tbl-r02 th,
#wrapper_entry .tbl-r02 td {
font-size: 0.85em;
}
.btn_ins {
width: 90%;
font-size: 0.65rem;
font-weight: normal;
height: 22px;
line-height: 20px;
padding: 15px 0;
margin: 20px auto 30px;
}
}
