.masthead {
  min-height: 30rem;
  position: relative;
  display: table;
  width: 100%;
  height: auto;
  padding-top: 3rem;
  padding-bottom: 8rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), url("../img/bg-masthead.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.card h3{
border:1px solid blue;
background:#EEF9FF;
margin:1.5em 0 0.5em 0;
padding:5px;
}

.text_b1{
font-size:20px;
}

html{
	scroll-behavior: smooth;
}
.mokuzihead {
	color:#FFFFFF;
	background: #006688;
	text-align: center;
	padding:8px;
	border-width: 2px;
	border-style: solid;
	border-radius: 10px;
}
.red_b {color: #FF3300;font-weight: bold;}
.sp_br{display:none;}
.basyo{margin-left:2em;}

.youtube {
  width: 500px;
  aspect-ratio: 16 / 9;

}
.youtube iframe {
  width: 100%;
}

.ent_txt01{font-weight:normal;
font-size:0.8rem!important;
color:red;
line-height:1!important;
}
.url_link {
    max-width: 500px!important;
}


.form-control{
margin-bottom:1rem;
}

/*予約確認*/
.d-flex{width:100%;
  display: flex;
  flex-wrap: wrap;
}


@media screen and (max-width:767.98px){

html{font-size: 14px;}

.container{padding-right:8px!important; padding-left:8px!important; max-width:100%!important;}
.common_container{padding:1.5rem;}
.card-body h2,{padding:1.5rem!important;}

/*トップページ*/
h2 img{width:120px; height:160px;}
h2{font-size:1.5rem; line-height:2.5rem;}

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}


.card_body__table th{display:block;}
.card_body__table td{display:block;}　
.card_body__table.ml-3{display:block!important;}


.page-link{width: 100%; padding:0.5rem 1.2rem; line-height:2em;}


/*プログラム詳細*/
.url_link {max-width: 300px!important;}
.text-danger{display:block;}


.text_b1{
font-size:1.05rem;
}
.card h3{
border:1px solid blue;
background:#EEF9FF;
margin:1.5rem 0 0.5em 0;
padding:5px;
font-size:1.2rem;
}
.qa table{width:100%;
font-size:1.1rem;
}
.qa th{padding:0.5rem;}

.btn{
font-size:1.4rem;
width:90%!important;
margin:0.5rem 0.25rem;
padding:10px 0;
}



.login_container{padding:1rem;}
input{max-width:100%;}

/*エントリー*/
select.form-control{width:100%!important;}
input.form-control{width:100%!important; max-width:100%!important;}

.register_table th{width:1000px;}
input[type="checkbox"] {font-size:x-large;height:30px;width:30px;}

.d-sm-table-cell{display:inline-block!important;}

.sp_br{display:inline;}

input[type="radio"] {
    position: relative;
    -webkit-appearance: button;
    appearance: button;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    content: "";
    background-color: #FFFFFF;
    border: 1px solid #999999;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    -webkit-box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    vertical-align: middle;
    cursor: pointer;
}

input[type="radio"]:checked:after {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    content: "";
    width: 12px;
    height: 12px;
    background: #CC0000;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

/*アンケート*/
.mr-2{display:block; text-align:left;}

/*予約確認*/
.ml-3{display:block; width:90%!important; margin-bottom:2rem;}


/*プログラム一覧*/
.card-text input[type="text"] {
width:90px;
}

.search_condition .ml-3{display:inline-block; margin-bottom:0.5rem;}
.mt-2{margin-bottom:2em;}

}