@charset "utf-8";
/* CSS Document */

#mainimage {
    overflow: hidden;
	width:100%;
	height:auto;
	position:relative;
	display:block !important;
}
#mainimage img, #mainimage_mp img {
	width:100%;
	height:auto;}
#mainimage_mp {
	display:none !important;
}
#logo {
	width:80%;
	height:auto;
	position:absolute;
	top:50%;
    left: 50%;
    transform: translateX(-50%);
	margin-left:auto;
	margin-right:auto;
	z-index:1;
	text-align:center;}
#logo h1 {
	color:#000;
	font-weight:700;
	text-align:center;
	font-size:3.3em;
	line-height:1.2;}
#logo h2 {
	font-weight:700;
	text-align:center;
	font-size:2.2em;
	line-height:1.5;}
#logo h2 span {
	font-size:0.7em;}

#logo img {
	max-width:317px;
	width:100%;
	height:auto;
	margin:0 auto 30px auto;}
	
@media (max-width: 1350px) {
	#logo {
	top:35%;}}
@media (max-width: 1000px) {
	#logo {
	top:28%;
	}
	#logo h1 {
	color:#000;
	font-weight:700;
	text-align:center;
	font-size:2.0em;
	line-height:1.2;}
	#logo h2 {
	font-weight:700;
	text-align:center;
	font-size:1.7em;
	line-height:1.5;}
	#logo img {
	max-width:250px;
	width:55%;
	margin:0 auto 20px auto;}}
@media (max-width: 750px) {
#mainimage {
	display:none !important;
}

#mainimage_mp {
	display:block !important;
   overflow: hidden;
	width:100%;
	height:auto;
	position:relative;
	display:block !important;
}
#logo {
	top:50%;}
}
@media (max-width: 600px) {
#logo {	top:40%;}
}

@media (max-width: 530px) {
#logo {
	top:35%;}
#logo h2 {
	font-weight:700;
	text-align:center;
	font-size:1.3em;
	line-height:1.2;}}




.wrap1400 {
	width:90%;
	height:auto;
	max-width:1400px;
	margin:0 auto 90px auto;
	padding-top:250px;}

/*テレビ番組告知*/
.tvkokuti {
	width:100%;
	height:auto;
	max-width:1000px;
	margin:30px auto 80px auto;}
.tvkokuti img {
	width:100%;
	height:auto;}


/*news*/

.heading07 {
	position: relative;
	padding-top: 100px;
	padding-left: 30px;
  text-align: center;
  font-size:2.5em;
}

.heading07 span {
	position: relative;
	z-index: 2;
}

.heading07::before {
	content: attr(data-en);
	position: absolute;
	transform: translateX(-50%) rotate(-5deg);
	top: 40px;
	left: 45%;
	color:rgba(192,10,0,1);
	font-size: 90px;
	font-weight: 400;
	font-family: 'Oooh Baby', cursive;
}
@media (max-width: 1000px) {
.wrap1400 {
	padding-top:150px;}
.heading07 {
  font-size:1.9em;
}}
@media (max-width: 800px) {
.heading07::before {
	content: attr(data-en);
	position: absolute;
	transform: translateX(-50%) rotate(-5deg);
	top: 60px;
	left: 45%;
	color:rgba(192,10,0,1);
	font-size: 60px;
	font-weight: 400;
	font-family: 'Oooh Baby', cursive;
}}
@media (max-width: 500px) {
.heading07 {
	padding-top: 130px;
}
.heading07::before {
	content: attr(data-en);
	position: absolute;
	transform: translateX(-50%) rotate(-5deg);
	top: 90px;
	left: 45%;
	color:rgba(192,10,0,1);
	font-size: 60px;
	font-weight: 400;
	font-family: 'Oooh Baby', cursive;
}}

.newswrap {
	max-width:1200px;
	width:100%;
	height:auto;
	margin:0px auto 0 auto;}
.thanks {
	font-size:1.3em;
	font-weight:700;
	text-align:left;
	width:80%;
	height:auto;
	margin:50px auto 20px auto;}
.news {
	width:100%;
	box-sizing:border-box;
	padding:35px 20px 30px 20px;
	text-align:left;
	border-bottom:1px #CC0000 solid;
	line-height:1.8;}

.news .tagnews {
	background-color:#FF0000;
	padding:5px 20px;
	color:#FFF;
	font-weight:700;
	text-align:center;
	margin-right:20px;
	margin-left:0px;
	margin-bottom:10px;
	display:inline-block;
	font-size:0.8em;}
.news .tag {
	background-color:#000000;
	padding:5px 20px;
	color:#FFF;
	font-weight:700;
	text-align:center;
	margin-right:20px;
	margin-left:0px;
	margin-bottom:10px;
	display:inline-block;
	font-size:0.8em;}
.news ul li {
	margin-bottom:15px;
	list-style:none;
	line-height:1.4;}
.news .poster {
	width:75%;
	height:auto;
	margin:15px auto 0 auto;
	border:#CCCCCC solid 1px;
	padding:10px;
	box-sizing:border-box;	
	max-width:1200px;
	}
@media (max-width: 800px) {
.news .poster {
	width:90%;
	padding:7px;
	}}		
.news .poster img{
	width:100%;
	height:auto;
	}
.news .previewimg{
	width:75%;
	height:auto;
	margin:15px auto 10px auto;
	border:#CCCCCC solid 1px;
	padding:10px;
	box-sizing:border-box;	
	max-width:800px;
	}
@media (max-width: 800px) {
.news .previewimg{
	width:90%;
	padding:7px;
	}}
.news .previewimg img{
	width:100%;
	height:auto;
	}	
	
.news .entrybtn {
	background-color:#FF0000;
	color:#FFFFFF;
	text-align:center;
	width:75%;
	margin:10px auto 0 auto;
	padding:20px 30px;
	box-sizing:border-box;}
.news .entrybtn a {
	color:#FFFFFF;
	text-decoration: none;
	font-weight:600;
	font-size:1.3em;}
	
/*リザルトニュース*/	
.newswrapresult {
	display:flex;
	flex-wrap:wrap;
	margin-top:50px;}
.newswrapresult .newsresultbox {
	width:30%;
	margin:0 1.5% 20px 1.5%;
	border:#CCCCCC 4px solid;
	border-radius:15px;
	box-sizing:border-box;
	padding:15px 20px;
	background-color:#FFFBFB;}
.newswrapresult .newsresultbox2 {
	width:30%;
	margin:0 1.5% 20px 1.5%;
	border:#CC9900 4px solid;
	border-radius:15px;
	box-sizing:border-box;
	padding:15px 20px;
	background-color:#EAF4F4;}
@media (max-width: 864px) {	
.newswrapresult .newsresultbox, .newswrapresult .newsresultbox2 {
	width:44%;
	margin:0 2.5% 20px 2.5%;}}
@media (max-width: 590px) {	
.newswrapresult {
	display:block;
	margin-top:30px;}
.newswrapresult .newsresultbox, .newswrapresult .newsresultbox2 {
	width:90%;
	margin:0 5% 35px 5%;}}	
	
.newsresultbox .resultph, .newsresultbox2 .resultph {
	border:#CCCCCC solid 1px;
	border-top:none;
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding:8px;
	margin-bottom:5px;
	background-color:#FFFFFF;}
.resultph img {
	width:100%;
	height:auto;}
.newsresultbox .name, .newsresultbox2 .name {
	width:100%;
	height:auto;
	background-color:#000;
	text-align:center;
	padding:4px 0px;
	margin-bottom:0px;
	color:#FFFFFF;}
.newsresultbox .date, .newsresultbox2 .date {
	font-size:0.85em;
	width:100%;
	height:auto;
	text-align:left;
	padding:4px 0px 4px 10px;
	margin-bottom:5px;
	border-bottom:#CCCCCC dashed 1px;}
.newsresultbox .date span.place, .newsresultbox2 .date span.place {	
	width:100%;
	height:auto;
	text-align:left;
	padding:4px 0px;
	margin-bottom:5px;
	border-bottom:#CCCCCC dashed 1px;}
.newsresultbox .date span.place::before, .newsresultbox2 .date span.place::before {
 	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: " \f3c5";
	z-index:100;
	margin-right:10px;
	margin-left:1em;}
.newsresultbox .result, .newsresultbox2 .result {
	width:100%;
	height:auto;
	text-align:left;
	padding:4px 0px;
	margin-bottom:10px;
	border-bottom:#CCCCCC dashed 1px;
	font-size:1.2em;
	font-weight:700;}
.newsresultbox .result span, .newsresultbox2 .result span {
	font-size:0.8em;
	font-weight:normal;
	margin-left:1em;}
.newsresultbox .result::before, .newsresultbox2 .result::before {
 	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: " \f681";
	z-index:100;
	margin-right:10px;
	margin-left:10px;}	
.newsresultbox .youtubelink, .newsresultbox2 .youtubelink {
	width:100%;
	height:auto;
	background-color:#666;
	text-align:center;
	padding:4px 0px;
	margin-bottom:10px;
	color:#FFFFFF;}
.newsresultbox .youtubelink a, .newsresultbox2 .youtubelink a {
	color:#FFFFFF;
	text-decoration:none;}
.newsresultbox .youtubelink a:hover, .newsresultbox2 .youtubelink a:hover {
	color:#FCC;}


/*メディアニュース*/	
.newswrapresult {
	display:flex;
	flex-wrap:wrap;
	margin-top:50px;}
.newswrapresult .newsmediabox {
	width:30%;
	margin:0 1.5% 20px 1.5%;
	border:#CCCCCC 4px solid;
	border-radius:15px;
	box-sizing:border-box;
	padding:15px 20px;
	background-color:#FFF;}
.newswrapresult .newsmediabox2 {
	width:30%;
	margin:0 1.5% 20px 1.5%;
	border:#CC9900 4px solid;
	border-radius:15px;
	box-sizing:border-box;
	padding:15px 20px;
	background-color:#EAF4F4;}
@media (max-width: 864px) {	
.newswrapresult .newsmediabox, .newswrapresult .newsmediabox2 {
	width:44%;
	margin:0 2.5% 20px 2.5%;}}
@media (max-width: 590px) {	
.newswrapresult {
	display:block;
	margin-top:30px;}
.newswrapresult .newsmediabox, .newswrapresult .newsmediabox2 {
	width:90%;
	margin:0 5% 35px 5%;}}	
	
.newsmediabox .resultph, .newsmediabox2 .resultph {
	border:#CCCCCC solid 1px;
	border-top:none;
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding:8px;
	margin-bottom:5px;
	background-color:#FFFFFF;}
.resultph img {
	width:100%;
	height:auto;}
.newsmediabox .name, .newsmediabox2 .name {
	width:100%;
	height:auto;
	background-color:#000;
	text-align:center;
	padding:4px 0px;
	margin-bottom:0px;
	color:#FFFFFF;}
.newsmediabox .date, .newsmediabox2 .date {
	font-size:0.85em;
	width:100%;
	height:auto;
	text-align:left;
	padding:4px 0px 4px 10px;
	margin-bottom:5px;
	border-bottom:#CCCCCC dashed 1px;}
.newsmediabox .date span.place, .newsmediabox2 .date span.place {	
	width:100%;
	height:auto;
	text-align:left;
	padding:4px 0px;
	margin-bottom:5px;
	border-bottom:#CCCCCC dashed 1px;}
.newsmediabox .date span.place::before, .newsmediabox2 .date span.place::before {
 	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: " \f3c5";
	z-index:100;
	margin-right:10px;
	margin-left:1em;}
.newsmediabox .result, .newsmediabox2 .result {
	width:100%;
	height:auto;
	text-align:left;
	padding:4px 0px;
	margin-bottom:10px;
	border-bottom:#CCCCCC dashed 1px;
	font-size:1.2em;
	font-weight:700;}
.newsmediabox .result span, .newsmediabox2 .result span {
	font-size:0.8em;
	font-weight:normal;
	margin-left:1em;}
.newsmediabox .result::before, .newsmediabox2 .result::before {
 	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: " \f681";
	z-index:100;
	margin-right:10px;
	margin-left:10px;}	
.newsmediabox .youtubelink, .newsmediabox2 .youtubelink {
	width:100%;
	height:auto;
	background-color:#666;
	text-align:center;
	padding:4px 0px;
	margin-bottom:10px;
	color:#FFFFFF;}
.newsmediabox .youtubelink a, .newsmediabox2 .youtubelink a {
	color:#FFFFFF;
	text-decoration:none;}
.newsmediabox .youtubelink a:hover, .newsmediabox2 .youtubelink a:hover {
	color:#FCC;}




.iconig {
	background-color:#000000;
	padding:10px;
	margin:20px 0 0 auto;
	width:34px;
	height:35px;
	border-radius:7px;
	transition:background-color .5s;}
.iconig img {
	width:100%;
	height:auto;}
.iconig:hover {
	background-color:#CC0000;}
.recruit {
	width:100%;
	box-sizing:border-box;
	border:#FF0000 10px solid;
	text-align:left;
	padding:30px 10%;}
	
/*イメージビデオ埋め込み*/
div.vid_contents {
width: 100%;/*背景色を横幅いっぱいに広げる*/
text-align: center;
margin: auto;
margin-bottom:100px;
padding: 4%;/*ここで動画の周りの余白を調整*/
background: #000;/*余白の背景色*/
box-sizing:border-box;
}
video.vid_main {
width: 100%;
max-width: 1200px;/*PC版での最大幅*/
margin-bottom:20px;
}
div.vid_contents .editname {
font-size:0.95em;
color:#FFF;
text-align:center;
}



/*最近のリザルト*/
.wrap1200 {
	width:90%;
	max-width:1200px;
	height:auto;
	margin:0 auto 90px auto;}
.wrap1200 h2 {
  position: relative;
  padding: 1rem; /*文字と線の間の距離*/
  text-align: center;
  font-size:2.5em;
}

.wrap1200 h2:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);/*widthの半分を引く*/
  width: 60px;/*線の長さ*/
  height: 1px;/*線の太さ*/
  content: '';
  background: #CC0000;
}
@media (max-width: 800px) {
.wrap1200 h2 {
  font-size:1.7em;
}}

.rankph {
	width:100%;
	max-width:1000px;
	margin:0 auto 20px auto;
	height:auto;}
.rankph img {
	width:100%;
	height:auto;}
.resulttxt {
	width:fit-content;
	text-align:left;
	margin:50px auto;}
.resulttxt p {
	margin-bottom:5px;
	font-weight:700;
	font-size:1.2em;}
.resulttxt p span {
	font-size:2.0em;}
@media (max-width: 800px) {
.resulttxt p {
	font-size:1.0em;}
.resulttxt p span  {
  font-size:1.7em;
}}
.wcr_pslpgswrap {
	width:100%;
	height:auto;
	margin:20px auto;
	display:flex;
	flex-wrap:wrap;}
.wcr_pslpgswrap .syumokubetuwrap {
	width:42%;
	height:auto;
	margin:0 4%;
	text-align:center;}
.wcr_pslpgswrap .syumokubetuwrap p {
	margin-bottom:0px;}
.wcr_pslpgswrap .syumokubetuwrap .rankph {
	width:100%;
	height:auto;}
@media (max-width: 800px) {
.wcr_pslpgswrap {
	width:90%;
	height:auto;
	margin:20px auto;
	display:block;}
.wcr_pslpgswrap .syumokubetuwrap {
	width:100%;
	height:auto;
	margin:0 0 20px 0;
	text-align:center;}
}
	
	
	
/*スケジュール*/
.hanreibox {
	width:fit-content;
	text-align:left;
	margin:50px auto 30px auto;
	border:#CCCCCC 1px solid;
	padding:25px 50px 25px 50px;	
}
.hanreibox ul:first-child {
	text-align:left;
	margin-bottom:15px;}
.hanreibox ul li {
	display:inline-block;
	margin:0 20px 8px 0;}
.tag_wc, .tag_wsc, .tag_wjc {
	width:fit-content;
	padding:3px 15px;
	color:#FFF;
	font-weight:700;
	display:inline-block;
	margin-right:10px;
	font-size:0.9em;}
@media (max-width: 600px) {
.hanreibox {
	width:fit-content;
	text-align:left;
	margin:50px auto 30px auto;
	border:#CCCCCC 1px solid;
	padding:15px 20px 10px 20px;	
}
}	
.tag_wc {
	background-color:#000000;}
.tag_wsc {
 	background-color:#CC0000;}
.tag_wjc {
 	background-color:#66CC99;}
.taikaititle {
	width:100%;
	font-weight:700;
	font-size:1.5em;
	margin:0 auto 20px auto;
	border-bottom:#000 1px solid;}
ul.taikailist {
	width:fit-content;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	text-align:left;
	margin-bottom:25px;}
ul.taikailist li {
	margin-bottom:15px;}
ul.taikailist li .tag_wc, ul.taikailist li .tag_wsc, ul.taikailist li .tag_wjc {
	margin-left:20px;}
ul.taikailist li .resulttag {
  display: inline-block;
  font-weight:bold;
}
.resulttag::before {
  content: "Result";
  color: white;
  font-weight:700;
  background-color:red;
	margin-left:20px;
	padding:3px 10px;
	border-radius:100vh;}	
ul.taikailist li span.result {
  font-size:1.2em;
  font-weight:700;
  color:#F00;
}
ul.taikailist li span.result::before {
 	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: " \f0a9";
	z-index:100;
	margin-right:10px;
	margin-left:1em;}
.taikaimap {
  width: 100%;
  height:auto;
  margin-bottom:20px;
}
.taikaimap iframe {
  width: 100%;
  aspect-ratio: 16/9; /*アスペクト比（縦横比）を指定*/
}
@media (max-width: 600px) {
.taikaimap iframe {
  width: 100%;
  aspect-ratio: 16/16; /*アスペクト比（縦横比）を指定*/
}}


/*メッセージ*/
.messagewrap {
	position:relative;
	width:90%;
	max-width:1200px;
	margin:0 auto 90px auto;}
.messagetxt {
	position:absolute;
	top:30px;
	left:0;
	width:60%;
	z-index:2;
	text-align:left;
	font-size:0.9em;}
.messagetxt p {
	margin-bottom:15px;}
.messagetxt .linkbtn {
	background-color:#000000;
	color:#000;
	padding:15px 50px;
	margin:20px auto 0 0;
	border-radius:100vh;
	transition:background-color .5s;
	width:fit-content;
	font-weight:700;
	font-size:1.1em;}
.messagetxt .linkbtn a {
	color:#FFFFFF;
	text-decoration:none;}	
.messagetxt .linkbtn:hover {
	background-color:#CC0000;}
	
	
.tsubakiph {
	position:absolute;
	top:0;
	right:0;
	width:50%;
	height:auto;
	max-width:650px;
	z-index:1;}
.tsubakiph img {
	width:100%;
	height:auto;}
@media (max-width: 1000px) {
.messagewrap {
	position:static;}
.messagetxt {
	position:static;
	width:70%;
	text-align:left;
	font-size:0.9em;
	margin:0 auto;}
.tsubakiph {
	position:static;
	width:90%;
	height:auto;
	max-width:650px;
	margin:0 auto 25px auto;}
.messagetxt .linkbtn {
	margin:20px auto 0 auto;
}}
@media (max-width: 600px) {
.messagetxt {
	width:90%;}}



/*ページ下部コンテンツ*/

.linkwrap {
	width:90%;
	max-width:1400px;
	height:auto;
	margin:600px auto 90px auto;}
@media (max-width: 1000px) {
.linkwrap {
	width:90%;
	max-width:1400px;
	height:auto;
	margin:50px auto 90px auto;}}	
	
	
.linkwrap h2 {
  position: relative;
  padding: 1rem; /*文字と線の間の距離*/
  text-align: center;
  font-size:2.5em;
}

.linkwrap h2:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);/*widthの半分を引く*/
  width: 60px;/*線の長さ*/
  height: 1px;/*線の太さ*/
  content: '';
  background: #CC0000;
}
@media (max-width: 800px) {
.linkwrap  h2 {
  font-size:1.7em;
}}
.bnrwrap {
	width:100%;
	height:auto;
	margin:30px auto 70px auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;}


/*主要リンクボタン*/
.guidewrap {
	width:100%;
	height:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	box-sizing:border-box;}
.guidebtn {
	width:50%;
	height:auto;
	position:relative;
	text-align:left;
	box-sizing:border-box;}
.guidebtn a{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
  }
.guidebtn a:hover{
        opacity:0.6;
        filter: alpha(opacity=60);
        background: #fff;
  }
.guidebtn img {
	width:100%;
	height:auto;}
.guidebtn a h3 {
	position:absolute;
	top:50%;
	transform: translateY(-50%);
    left: 10%;
	font-weight:700;
	font-size:2.5em;
	}

.guidebtn a:hover h3  {
	text-decoration:none;
	color:#000000 !important;
	}

@media (max-width: 1000px) {
.guidebtn a h3 {
	font-size:1.7em;
	}}
@media (max-width: 600px) {
.guidebtn {
	width:100%;
	height:auto;
	position:relative;
	text-align:left;
	box-sizing:border-box;}}