@import url('https://fonts.googleapis.com/css2?family=Darumadrop+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Tokumin&display=swap');
body {
/* background: #ffffff url("../images/bg.webp") fixed no-repeat top center / 100%; */
background: #ffffff;
width: 100%;
color: #333;
line-height: 1.5em;
text-align: center;
}
*{
margin: 0;	padding: 0;
box-sizing: border-box;
}
ul,li,ol, dl,dt,dd{
list-style-type: none;	
}
h1, h2, h3, h4, h5, h6, p{
line-height: 1.5em;
}
a img {
border: none;
}
a:link {
color: #000;
text-decoration: underline;
}
a:visited {
color: #6E6C64;
text-decoration: underline;
}
a:hover,a:active,a:focus{
text-decoration: none;
}
.f_small{
font-size: 0.8;
}
.onlySp{
display: none;
}

/* base -------------------------------------- */

#wapper{
margin:0 auto;
width:1280px;
}
#left_side{
margin-top: 10px;
margin-right: 20px;
width: 960px !important;
}
#right_side{
text-align: left!important;
}
#lead {
background-color: #000;
box-sizing: border-box;
color: #fff;
height: 40px;
padding: 5px;
width: 100%;
}
#lead h2{
float:left;
font-size: 80%;
line-height: 30px;
margin-left: 10px;
}
#lead h2 a{
color: #fff;
font-weight: normal;
}
.title{
position:relative;
    width: 100%;
    margin: 8% auto 0;
}
.title .sns {
position: absolute;
right: 10px;
top: -40px;
padding: 2px 0;
width: fit-content;
}
.title .sns img {
width: 26px !important;
height: 26px !important;
}
#sns_button_pc {
display: flex;
}
.btn_sns img{/* 320幅用 SNSボタン */
margin: 0 3px;
}
.copyright {
/*font-size: 100%;*/
clear:both;
color: #333;
font-weight: bold;
margin: 20px 0;
padding: 20px 0 0;
}
/*--------------------------------------------------------*/
/*--パンくず--*/
#pan_box{
	background-color: #000000;
}
.panlist{
	margin: auto;
	padding: 8px;
	font-size: 80%;
	line-height: 120%;
	color: #999999;
	text-align:left;
}
.panlist a:link{color:#ffffff; text-decoration:underline;}
.panlist a:visited{color:#dddddd; text-decoration:underline;}
.panlist a:hover{color:#f4d20b; text-decoration:underline;}
/* base -------------------------------------- */

/* #main -------------------------------------- */
#main{
line-height: 3em;
margin-right: auto;
margin-left: auto;
width: 100%;
}
#main #contents{
margin: -50px auto 25px;
width: 940px;
}
#main #contents img.housoulogo{
width: 230px;
margin-bottom: -18px;
}
img.housoulogo_g{
width: 320px;
margin: 52px 0 22px 0;
text-align: left;
display: block;
}
#main h2 {
color: #066eb2;
/* font-family: "Darumadrop One", sans-serif; */
text-shadow: 4px 3px 4px rgb(255 241 0 / 61%);
font-family: "ruika", sans-serif;
font-weight: 100;
font-size: min(8vw,55px);
line-height: min(10vw,62px);
margin: 1.5em 0 0.5em;
}
/*
#main #contents .bg01{
background-image: url(../images/bg02.png);
background-repeat: no-repeat;
}
#main #contents .bg02{
background-image: url(../images/bg03.png);
background-repeat: no-repeat;
background-position: bottom 0 right 0;
margin: 50px 0;
}
*/
#main .title{
/*background-color: #000;
padding-bottom: 36px;*/
}
.title img {
width: 100%;
height: 420px;
}
.title_sub{
/*clear:both;*/
background-color: #000;
padding-bottom: 36px;
width: 100%;
}
.title_sub img{
width: 100%;
}
.totop {
    clear: both;
}
.totop img{
width: 170px;
}
/* #main -------------------------------------- */
.frmTop{
margin: 20px 0 0;
}
.frmbtm{
margin: 0 0 20px;
}
.frmTop,
.frmbtm{
display: block;
height: 36px;
text-align: center;
width: 100%;
}
.frmTop img,.frmbtm img{
margin: 0 auto;
width: 100%;
}
#infobox .inbox {
overflow: hidden;
margin: 0 auto;
position: relative;
width: 90%;
}
#infobox .inbox .photo_area{
float:left;
margin: 0;
width: 47%;
}
#infobox .inbox .photo_area img{
width: 100%;
}
#infobox .inbox .text_area{
text-align: left;
float: right;
margin: 0;
width: 50%;
}
#infobox .inbox .text_area_audition{
line-height: 1.5em;
text-align:left;
display:block;
margin: 20px auto;
width: 80%;
}
#infobox .inbox .text_area_audition a{
background: -moz-linear-gradient(top,#f7d708 0%,#faee0a);
background: -webkit-gradient(linear, left top, left bottom,from(#f7d708),to(#faee0a));
-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
border: 1px solid #ffea00;
-moz-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,234,000,1);
-webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,234,000,1);
box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,234,000,1);
text-shadow:0px -1px 0px rgba(000,000,000,0.2),0px 1px 0px rgba(255,008,008,0);
color: #050505;
display:block;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 1.2em;
text-decoration:none;
text-align:center;
padding: 10px 20px;
margin: 12px auto 0;
width: 80%;
}
#infobox {
border: solid min(2vw, 0.2em) #066eb2;
padding: 4% 0;
}
.linkbtn {
margin-top: 1em;
}
.linkbtn a {
width: 12em;
padding: 0.5em;
font-family: "Kaisei Tokumin", serif;
/* font-family: "Noto Serif", serif; */
font-size: 1.5em;
background-color: #066eb2;
margin: auto;
color: #fff;
text-decoration: none;
display: block;
}
.linkbtn a:hover{
filter:alpha(opacity=65);-moz-opacity:0.65;-khtml-opacity:0.65;opacity:0.65;
}
#infobox .info_bottom{
margin: -3px 0 0;
}

.lnk_audition{
position: absolute;
right: 50px;
bottom: 76px;
width: 400px;
height: 42px;
}
.lnk_audition a:hover{
filter:alpha(opacity=65);-moz-opacity:0.65;-khtml-opacity:0.65;opacity:0.65;
}
.guestinfo {
margin-bottom: 1em;
}
.guestinfo h3 {
background-color: #066eb2;
color: #fff;
font-size: min(4vw,1.2em);
margin: 0 auto;
text-align: center;
width: 90%;
padding: 0.5em;
}
.audition_info{
background-image:url("../images_p/audition_head.png");
background-repeat:no-repeat;
position:relative;
width: 930px;
height:110px;
}
#loglist{
margin: 50px auto 0;
overflow: hidden;
width: 96%;
}
#guestList{
display: flex;
flex-wrap: wrap;
overflow: hidden;
}
#guestList li{
background-color: #066eb2;
-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;
display:block;
flex-basis: 47%;
margin: 0 1.5% 12px;
text-align:left;
}
#guestList li a {
box-sizing: border-box;
color: #fff;
display: block;
font-size: 0.7em;
height: 100%;
line-height: 1.5em;
padding: 12px;
text-decoration: none;
}

.h3_guest {
background-color: #066eb2;
color: #fff;
font-size: 1.5em;
margin: 5em auto 1em 0;
text-align: center;
width: 12em;
padding: 0.5em;
/* font-family: "Noto Serif", serif; */
font-family: "Kaisei Tokumin", serif;
font-weight: lighter;
display: block;
}
.movie{
margin:0 auto;
width: 640px;
height:360px;
}
.movie iframe{
width: 100%;
height:100%;
}
.mcimg {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 3%;
margin-left: -1.5%;
margin-right: -1.5%;
}
.mcimg div {
position: relative;
flex-basis: 46%;
margin-bottom: 1em;
/* margin: 1%; */
}
.mc2{
flex-basis: 30% !important;
}
.mcimg div.sub{
flex-basis: 30%;
margin-bottom: 3%;
}
.mcimg img {
width: 100%;
display: block;
border: solid min(2vw, 0.2em) #066eb2;
}
.mcimg strong {
/* background-color: rgb(0 64 218 / 70%); */
color: #066eb2;
display: block;
/* position: absolute; */
/* bottom: 2%;
left: 0; */
width: 100%;
font-size: min(1.8em,30px);
line-height: 1.4em;
font-family: "Kaisei Tokumin", serif;
/* font-family: "Noto Serif", serif; */
font-weight: lighter;
}

.sub img {
	margin-bottom: 0.5em;
}
/*-- totop -----------------------*/

#page_top{
width: 80px;
height: 80px;
position: fixed;
right: 100px;
bottom: 60px;
background: #fff100;
opacity: 0.6;
border-radius: 50%;
z-index: 100;
}
#page_top a{
position: relative;
display: block;
width: 73px;
height: 54px;
text-decoration: none;
text-align: center;
}
#page_top a::before{
font-family: "Font Awesome 5 Free";
content: '\f106';
font-weight: 900;
font-size: 63px;
color: #fff;
position: absolute;
width: 31px;
height: 4px;
top: 10px;
bottom: 10px;
right: 0;
left: 0;
margin: auto;
}

/* video-container -------------------------------------- */
#moviebox{
clear: both;
margin: 0 auto;
width: 100%;
}
#moviebox .movieinfo{
background-image:url(../images_p/movie_head.png);
background-repeat:no-repeat;
position:relative;
width: 930px;
height: 90px;
}
#moviebox .movieinfo h3{
color: #000;
font-size: 1.0em;
height: 40px;
line-height: 40px;
text-align: center;
position: relative;
left: 0px;
top: 60px;
margin: 0 auto;
width: 87%;
}
#moviebox .inbox{
background: url(../images_p/info_back.png) repeat-y;
position:relative;
/*
overflow: hidden;
min-height: 290px;
*/
height: auto;
padding: 0 0 20px;
width: 100%;
}
#moviebox .inbox .inbox_in{
margin: 0 auto;
width: 60%;
}
#moviebox .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
width: 100%;
}
.video-container iframe,.video-container object,.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* #footer -------------------------------------- */
#footer {
/*background-color: #123362;*/
color: #260404;
clear: both;
line-height: 1.5em;
margin: 20px 0 0;
text-align: center;
padding: 0 20px;
width:100%;
}
#footer a{
color: #d00;
text-decoration: none;
}
#footer .foot{
margin-right: auto;
margin-left: auto;
}
#footer_box select{
font-size: 1.2em;
line-height: 1.4em;
margin-top: 30px;
margin-bottom: 30px;
width:70%;
}
.b_mcas,
.b_audition{
width:100%;
text-align:center;
clear:both;
margin: 20px 0;
}

.b_mcas img{
width: 45%;
}

/*-- ローディング ----------------------*/
#loader{
height: 100em;
display: block;
padding-top: 5em;
z-index: 100;
width: 100%;
}
.loader,.loader:before,.loader:after {
background: #aaa;
-webkit-animation: load1 1s infinite ease-in-out;
animation: load1 1s infinite ease-in-out;
height: 4em;
width: 1em;
}
.loader {
color: #ccc;
text-indent: -9999em;
margin: auto;
position: relative;
font-size: 11px;
-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);
-webkit-animation-delay: -0.16s;animation-delay: -0.16s;
}
.loader:before,.loader:after {
position: absolute;
top: 0;
content: '';
}
.loader:before {
left: -1.5em;
-webkit-animation-delay: -0.32s;animation-delay: -0.32s;
}
.loader:after {
left: 1.5em;
}
@-webkit-keyframes load1 {
0%,80%,100% {
box-shadow: 0 0;
height: 4em;
}
40% {
box-shadow: 0 -2em;
height: 5em;
}
}
@keyframes load1 {
0%,80%,100% {
box-shadow: 0 0;
height: 4em;
}
40% {
box-shadow: 0 -2em;
height: 5em;
}
}
/*--------------------------------------------------------*/