@charset "utf-8";
/*
-------------------------------------
CSS file 6WAKE
FileName:top.css
-------------------------------------
*/


/*アウター*/
@media (max-width: 1000px) {
.bg_block_outer{
	width:100%;
	background-image:url('../images/common/bg_6_main.svg');
	background-position:top center;
	background-repeat:repeat-y;
	background-size:cover;
	text-align:center;
	position:relative;
}
}

@media screen and (min-width:1001px) and ( max-width:1600px) {
.bg_block_outer{
	width:100%;
	background-image:url('../images/common/bg_6_main.svg');
	background-position:top center;
	background-repeat:repeat-y;
	background-size:cover;
	text-align:center;
	position:relative;
}
}
@media (min-width: 1601px) {
.bg_block_outer{
	width:100%;
	background-image:url('../images/common/bg_6_main2.svg');
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
	text-align:center;
	position:relative;
}
}

/*ヘッダ*/
.top_header{
	width:100%;
	max-width:1600px;
	margin:0 auto 4rem;
	display:flex;
	position:relative;
}
.top_header_headline{
	width:70%;
	height:auto;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	position:absolute;
}
.top_header_headline img{
	width:100%;
	height:auto;
}
.top_header_lft{
	width:19.375%;
	background:url('../images/top/bg_header_lft.png') bottom left no-repeat;
	background-color:#13ae67;
	background-size:contain;
	position:relative;
}

.top_header_ttl{
		width:30.64%;
		min-width:82px;
		max-width:95px;
		margin:13.9% auto 0;
}
.top_header_ttl img{
		width:100%;
		height:auto;
		margin:0;
		vertical-align:bottom;
}
.top_header_ctr_lft{
	width:19.375%;
	background:url('../images/top/bg_header_ctr_lft.png') bottom left no-repeat;
	background-color:#f0e900;
	position:relative;
	background-size:contain;
}
.top_header_ctr_lft img{
	width:100%;
	height:auto;
	vertical-align:bottom;
}

.top_header_main{
	width:61.25%;
	position:relative;
}
.top_header_main img{
	width:100%;
	height:auto;
	vertical-align:bottom;
}
/*グローバルメニュ部分*/
.top_header_top{
	width:100%;
	margin:0 auto;
	display:flex;
}
@media screen and (max-width: 1149px){
.top_header_top_ctr_rgt{
	width:31.63%;
	margin:0 auto;
	height:0;
	padding-top:90px;
	background-color:#1a96d5;
}
}
@media screen and (min-width:1150px) and ( max-width:1366px) {
.top_header_top_ctr_rgt{
	width:31.63%;
	margin:0 auto;
	height:0;
	padding-top:90px;
	background-color:#1a96d5;
}
}
@media screen and (min-width: 1367px){	
.top_header_top_ctr_rgt{
	width:31.63%;
	margin:0 auto;
	height:0;
	padding-top:90px;
	background-color:#1a96d5;
}
}

@media screen and (max-width: 1149px){
.top_header_top_rgt{
	width:68.37%;
	margin:0 auto;
	height:90px;
	background-color:#e50065;
}
}
@media screen and (min-width:1150px) and ( max-width:1366px) {
.top_header_top_rgt{
	width:68.37%;
	margin:0 auto;
	height:90px;
	background-color:#e50065;
}
}
@media screen and (min-width: 1367px){	
.top_header_top_rgt{
	width:68.37%;
	margin:0 auto;
	height:90px;
	background-color:#e50065;
}
}
.sns_navi_box{
	width:85%;
	display:flex;
	justify-content:space-between;
}
@media screen and (max-width: 1149px){
ul.sns_list{
	width:65px;
	display:flex;
	justify-content:space-between;
	margin:1.7rem 0 0 3rem;
}
}
@media screen and (min-width:1150px) and ( max-width:1366px) {
ul.sns_list{
	width:65px;
	display:flex;
	justify-content:space-between;
	margin:1.7rem 0 0 3rem;
}
}
@media screen and (min-width: 1367px){	
ul.sns_list{
	width:65px;
	display:flex;
	justify-content:space-between;
	margin:1.7rem 0 0 3rem;
}
}
ul.sns_list li{
	padding:0.25rem;
	color:#fff;
}
.sns_list li a:link { color: #fff; text-decoration:none;}
.sns_list li a:visited { color: #fff; text-decoration:none;}
.sns_list li a:hover { color: #000; text-decoration:none;}
.sns_list li a:active { color: #fff; text-decoration:none;}

/*ナビ部分*/
#g_navi_box{
	padding:0.5rem;
	text-align:center;
	background:#e50065;
}
/*スライダー部分*/
.top_header_mid{
	width:100%;
	margin:0 auto;
	display:flex;
}
.slide_box{
	width:79.38%;/*778px*/
	margin:0 auto;
}

.cap_box{
	width:20.62%;/*202px*/
	text-align:center;
}
.cap_header_img{
	width:28.2%;
	margin:16.8% auto 0;
	min-width:50px;
}
.top_header_btm{
	width:100%;
	margin:0 auto;
	display:flex;
}
@media screen and (max-width: 1149px){
.top_header_btm_ctr_rgt{
	width:31.63%;
	margin:0 auto;
	height:90px;
	background-color:#1a96d5;
}
.top_header_btm_rgt{
	width:68.37%;
	margin:0 auto;
	height:90px;
}
}
@media screen and (min-width:1150px) and ( max-width:1366px) {
.top_header_btm_ctr_rgt{
	width:31.63%;
	margin:0 auto;
	height:90px;
	background-color:#1a96d5;
}
.top_header_btm_rgt{
	width:68.37%;
	margin:0 auto;
	height:90px;
}
}
@media screen and (min-width: 1367px){	
.top_header_btm_ctr_rgt{
	width:31.63%;
	margin:0 auto;
	height:90px;
	background-color:#1a96d5;
}
.top_header_btm_rgt{
	width:68.37%;
	margin:0 auto;
	height:90px;
}
}


/*ヘッダここまで*/


/*ニュースイベントエリア*/
#top_newseve_area{
	width:100%;
	max-width:1600px;
	background:url('../images/top/bg_newseve.jpg') bottom right no-repeat;
	background-size:80% auto;
}
#top_newseve_block{
	width:100%;
	max-width:1340px;
	position:relative;
	margin:0 auto;
	padding-bottom:2rem;
}

/*タイトル共通*/
.ttl_area{
	width:100%;
	box-sizing:border-box;
	margin-bottom:4rem;
	padding:0 1rem;
}

/*タイトル　ニュース＆イベント*/
.ttl_newseve_box{
	width:72.38%;/*970px(全体幅1340px)*/
}
.ttl_newseve{
	width:72.16%;/*700px(全体幅970px)*/
	padding:0 0 0.5rem 1rem;
}
.ttl_newseve img{
	width:100%;
	height:auto;
}
/*カテゴリー*/
@media (max-width: 1199px) {
.category_lavel{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: inline-block;
	text-align:center;
	line-height: 80px;
	font-size:0.675rem;
	position: absolute;
	top:-40px;
	right:7px;
	z-index:3;
}
}
@media (min-width: 1200px) {
.category_lavel{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	display: inline-block;
	text-align:center;
	line-height: 100px;
	font-size:0.75rem;
	position: absolute;
	top:-50px;
	right:10px;
	z-index:3;
}
}

.bg_blu{
	background:#1a96d5;
	color:#fff;
}
.bg_gre{
	background:#13ae67;
	color:#fff;
}
.bg_yel{
	background:#fff100;
	color:#010101;
}

/*ニュース・イベント枠*/
.list_top{
	/*width:87.16%;*/
	width:79.4%;
	margin-left:7.24%;
	margin-bottom:2.5rem;
}
.list_btm{
	width:79.4%;
	margin-bottom:2rem;
}
ul.top_newseve_list{
	display:flex;
	justify-content: flex-end;
}
ul.top_newseve_list li{
	width:42.83%;/*454px*/
	max-width:454px;
	margin-left:1rem;
}
.top_newseve_img{
	width:100%;
	position:relative;
}
.top_newseve_img img{
	width:100%;
	height:auto;
}
.top_newseve_detail{
	width:100%;
	padding:1.625rem 1.5rem 1.5rem;
	box-sizing:border-box;
	position:relative;
	background:#fff;
	text-align:left;
	display: block;
}
.dtl_box{
	min-height:6.5rem;
}
.top_newseve_detail h4.days{
	font-size:0.9375rem;
	line-height:1.5;
	color:#e50065;
}
h3.pin{
	font-size:1.0675rem;
	line-height:1.4;
	color:#e50065;
}
.top_newseve_detail h5.subhl{
	font-size:0.875rem;
	line-height:1.65;
	color:#424242;
}
.top_newseve_detail div.dtl_txt p{
	font-size:0.875rem;
	line-height:1.65;
	color:#424242;
}


/*SNSエリア*/
#top_sns_area{
	width:100%;
	max-width:1600px;
}
/*SNS*/
#top_sns_block{
	width:100%;
	padding:6rem 0 1rem;
	max-width:1140px;
	min-width:1000px;
	/*margin:0 auto 6rem;*/
	margin:0 auto;
}

.top_sns_box{
	width:100%;
	position:relative;
	display:flex;
	justify-content:center;
}
.ins_box{
	width:64%;
	max-width:615px;
	flex-basis: auto;
	margin-right:30px;
}
ul.ins_wid{
	width:640px;
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	align-content:flex-start;
}
ul.ins_wid li{
	width:200px;
	margin-bottom:20px;
}
ul.ins_wid li img{
	width:200px;
	height:auto;
}
.twifb_box{
	flex-basis: 340px;
}
.ttl_sns{
	width:100%;
	text-align:center;
	margin:0 auto 1rem;
}
.twi_box{
	width:340px;
	/*background:#fff;*/
	/*margin:0 auto 2.5rem;*/
	margin:0 auto;
}
.twi_box img{
	width:320px;
	height:auto;
}
.fb_box{
	width:320px;
	background:#fff;
}
.fb_box img{
	width:320px;
	height:auto;
}

/*コンテンツエリア*/
#top_contents_area{
	width:100%;
	max-width:1600px;
	background:url('../images/top/bg_contents.jpg') bottom right no-repeat;
	background-size:80% auto;
	margin-bottom:9rem;
}
#top_contents_block{
	width:100%;
	max-width:1340px;
	position:relative;
	margin:0 auto;
}

/*タイトル　コンテンツ*/
.ttl_contents_box{
	width:60.4%;/*810px(全体幅1340px)*/
	margin-bottom:1rem;
}
.ttl_contents{
	width:86.41%;/*700px(全体幅810px)*/
	padding:0 0 0.5rem 1rem;
}
.ttl_contents img{
	width:100%;
	height:auto;
}

/*コンテンツ枠*/
.top_contents_list_box{
	width:95.14%;
	max-width:1275px;
	display:flex;
	justify-content: space-between;
	position:relative;
	padding:110px 0 110px;
}
.side_con_ttl{
	position: absolute;
	top:-30px;
	left:40px;
}
.side_con_ttl img{
	width:85%;
	height:auto;
}
.side_con_txt_box{
	width:13.33%;
	position:relative;
	text-align:left;
	padding-top:3%;
}

.side_con_txt_veritical p{
	writing-mode: vertical-rl;
	padding-top:19%;
	position:absolute;
	left:-2.5rem;
	font-size:1rem;
	line-height:1.75;
	color:#424242;
	height:30rem;
}
.main_contents_box{
	/*width:87.77%;*/
	width:79.4%;
	margin-left:7.24%;
	position:relative;
}
/*コンテンツ*/
ul.top_contents_list{
	display:flex;
	justify-content: flex-end;
	/*padding:20px 0 100px;*/
	
}
ul.top_contents_list li{
	width:42.83%;/*454px*/
	max-width:454px;
	margin-left:1rem;
}
.top_contents_img{
	width:100%;
	position:relative;
}
.top_contents_img img{
	width:100%;
	height:auto;
}
.top_contents_detail{
	width:100%;
	1.625rem 1.5rem 1.5rem;
	box-sizing:border-box;
	position:relative;
}
h4.days{
	font-size:0.875rem;
	line-height:1.5;
	color:#e50065;
}
h3.blu{
	font-size:1.0675rem;
	line-height:1.5;
	color:#1a96d5;
}
h3.gre{
	font-size:1.0675rem;
	line-height:1.5;
	color:#13ae67;
}
.top_contents_detail h5.subhl{
	font-size:0.875rem;
	line-height:1.65;
	color:#424242;
}
.top_contents_detail div.dtl_txt p{
	font-size:0.875rem;
	line-height:1.65;
	color:#424242;
}


/*公開収録エリア*/
@media (max-width: 1099px) {
#top_recording_area{
	width:100%;
	max-width:1600px;
	background:url('../images/top/bg_recording.jpg') center left no-repeat;
	/*background-position:0% 16%;*/
	/*background-repeat:no-repeat;*/
	background-size:contain;
	margin-bottom:8rem;
}
}
@media (min-width: 1100px) {
#top_recording_area{
	width:100%;
	max-width:1600px;
	background:url('../images/top/bg_recording.jpg') bottom left no-repeat;
	/*background-position:0% 16%;*/
	/*background-repeat:no-repeat;*/
	background-size:80% auto;
	margin-bottom:8rem;
}
}

#top_recording_block{
	width:100%;
	max-width:1340px;
	position:relative;
	margin:0 auto;
	/*padding-bottom:2rem;*/
}
/*公開収録枠*/
.top_recording_list_box{
	/*width:89.42%;*//*1340px*/
	width:95.14%;
	/*max-width:1205px;*/
	max-width:1275px;
	display:flex;
	/*justify-content: space-between;*/
	justify-content: flex-start;
	position:relative;
	/*padding-top:200px;*/
}

.side_rec_ttl{
	width:35%;
	position: absolute;
	top:-70px;
	right:0px;
}

.side_rec_ttl img{
	width:100%;
	height:auto;
}
.side_rec_txt_box{
	/*width:7.46%;*/
	width:17.33%;
	position:relative;
	text-align:left;
	padding-top:1em;
}
.side_rec_txt{
	position: absolute;
    right: 0;
    padding-top:60px;
}
.side_rec_txt_veritical p{
	writing-mode: vertical-rl;
	
	font-size:1rem;
	line-height:1.75;
	color:#424242;
	height:30rem;
}
.main_recording_box{
	/*width:92.54%;*/
	width:79.4%;
	position:relative;
}

/*公開収録*/
ul.top_recording_list{
	display:flex;
	justify-content: flex-end;
	/*padding-bottom:110px;*/
	padding:75px 0 75px;
}
ul.top_recording_list li{
	width:42.83%;/*454px*/
	max-width:454px;
	/*width:454px;*/
	margin-left:1rem;
}
.top_recording_img{
	width:100%;
	position:relative;
}
.top_recording_img img{
	width:100%;
	height:auto;
}
.top_recording_detail{
	width:100%;
	padding:1.625rem 1.5rem 1.5rem;
	box-sizing:border-box;
	position:relative;
	background:#fff;
	text-align:left;
	display: inline-block;
}
.top_recording_detail h4.days{
	font-size:0.875rem;
	line-height:1.5;
	color:#e50065;
}
.top_recording_detail h3.pin{
	font-size:1.0675rem;
	line-height:1.5;
	color:#e50065;
}
.top_recording_detail h5.subhl{
	font-size:0.875rem;
	line-height:1.65;
	color:#424242;
}
.top_recording_detail div.dtl_txt p{
	font-size:0.875rem;
	line-height:1.65;
	color:#424242;
}

/*トピックスエリア*/
@media (max-width: 1099px) {
#top_topix_area{
	width:100%;
	max-width:1600px;
	background-image:url('../images/top/bg_topix.jpg');
	background-position:top right;
	background-repeat:repeat-y;
	background-size:contain;
	position:relative;
}
}
@media (min-width: 1100px) {
#top_topix_area{
	width:100%;
	max-width:1600px;
	background-image:url('../images/top/bg_topix.jpg');
	background-position:top right;
	background-repeat:no-repeat;
	background-size:contain;
	position:relative;
}
}

#top_topix_block{
	width:100%;
	max-width:1340px;
	position:relative;
	margin:0 auto;
	display:flex;
	justify-content: flex-end;
}
/*トピックス*/
.top_topix_box{
	width:95.14%;
	max-width:1275px;
	display:flex;
	justify-content: flex-end;
	align-items:flex-start;
	position:relative;
}
/*タイトル トピックス*/
.side_tpi_ttl_box{
	width:18%;/*230px(全体幅1340px)*/
	position:relative;
	height:100%;
	display:flex;
	justify-content: flex-end;
}
.ttl_topix_box{
	width:37.39%;
	display:flex;
	justify-content: flex-end;
	margin:0 auto;
}
.ttl_topix{
	width:75%;/*63px(全体幅84px)*/
	margin-right:0.5rem;
	margin-top:1rem;
}
.ttl_topix img{
	width:100%;
	height:auto;
}
.main_topix_box{
	width:82%;
	padding:3rem;
	box-sizing:border-box;
}
@media (max-width: 1199px) {
.main_topix{
	width:96%;
	display:flex;
	justify-content: space-between;
	margin:0 auto;
}
}
@media (min-width: 1200px) {
.main_topix{
	width:100%;
	display:flex;
	justify-content: space-between;
	margin:2% auto;
}
}
@media (max-width: 1199px) {
.top_topix_img{
	width:40%;
	position:relative;
	background:#fff;
}
.top_topix_img img{
	width:100%;
	height:auto;
}
.top_topix_detail{
	width:60%;
	padding:1.5rem;
	box-sizing:border-box;
	text-align:left;
	background:#fff;
}
}
@media (min-width: 1200px) {
.top_topix_img{
	width:49.3%;
	position:relative;
	background:#fff;
}
.top_topix_img img{
	width:100%;
	height:auto;
}
.top_topix_detail{
	width:50.7%;
	padding:1.5rem;
	box-sizing:border-box;
	text-align:left;
	background:#fff;
}
}

.top_topix_detail h4.day{
	font-size:0.9375rem;
	line-height:1.5;
	color:#e50065;
}
.top_topix_detail h3{
	font-size:1.0675rem;
	line-height:1.5;
	color:#e50065;
}
.top_topix_detail h5.subhl{
	font-size:0.875rem;
	line-height:1.65;
	color:#424242;
}
.top_topix_detail div.dtl_txt p{
	font-size:0.875rem;
	line-height:1.65;
	color:#424242;
}

/*アバウト　エリア*/
#top_about_area{
	width:100%;
	max-width:1600px;
	margin-bottom:4rem;
}
#top_about_block{
	width:100%;
	max-width:1340px;
	position:relative;
	margin:0 auto;
	padding-bottom:2rem;
	overflow:hidden;
}
.top_about_box{
	width:95.14%;
	max-width:1275px;
	display:flex;
	justify-content: flex-start;
	position:relative;
	/*padding-top:140px;*/
	padding-top:5rem;
}
.top_about_detail{
	width:63%;
	position:relative;
	padding-left:1rem;
	padding-top:5%;
}
.top_about_img{
	width:36%;
	overflow:hidden;
}
.top_about_img img{
	width:100%;
	height:auto;
}
/*タイトル　アバウト*/
.ttl_about_box{
	width:100%;/*813px(全体幅813px)*/
}
.ttl_about{
	width:86.1%;/*700px(全体幅970px)*/
}
.ttl_about img{
	width:100%;
	height:auto;
	margin-bottom:1rem;
}
/*アバウト詳細テキスト*/
.about_txt{
	width:90%;
	margin:1.5rem auto 0;
	text-align:left;
	overflow:hidden;
}
.about_txt p{
	font-size:0.875rem;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	line-height:2.25;
	color:#424242;
}

/*アクセス　エリア*/
#top_access_area{
	width:100%;
	max-width:1600px;
	margin-bottom:6rem;
}
#top_access_block{
	width:100%;
	max-width:1600px;
	position:relative;
	margin:0 auto;
	text-align:right;
}
/*タイトル　アクセス*/
.ttl_access_box_block{
	width:100%;
	max-width:1340px;
	text-align:right;
	margin:0 auto;
}
.ttl_access_box{
	width:75%;
	max-width:1200px;
	text-align:right;
	margin:0 auto 2rem;
}
.ttl_access{
	width:58.33%;/*700px(全体幅1200px)*/
	margin:0 0 0.5rem auto;
}
.ttl_access img{
	width:100%;
	height:auto;
}
.top_access_map_box{
	width:100%;
	max-width:1600px;
	position:relative;
	margin:0 auto;
	text-align:right;
}
.top_access_map{
	width:91.25%;
	max-width:1460px;
	position:relative;
	margin:0 0 2rem auto;
}
.gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}
.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.top_access_map_cap_box{
	width:100%;
	text-align:center;
	margin:0 auto;
}
.top_access_map_cap{
	width:590px;
	position:relative;
	margin:0 auto;
	text-align:left;
	color:#424242;
}

.map_name{
	font-size:1rem;
	line-height:1.4;
}
.map_cap{
	font-size:0.75rem;
	line-height:1.5;
}

/*アニメ部分*/

/* 「RightToLeft」の動作内容 */
@keyframes RightToLeft {
  0% {
    opacity: 0;/* 透明 */
    transform: translateX(50px);/* X軸方向に50px */
  }
  100% {
    opacity: 1;/* 不透明 */
    transform: translateX(0);
  }
}

/* 「RightToLeft」を適用する箇所 */
h2 {
  animation-duration: 2s;/* アニメーション時間 */
  animation-name: RightToLeft;/* アニメーション名 */
  animation-iteration-count: 1;/* アニメーションの繰り返し（無限）*/
}
h3 {
  animation-duration: 2s;/* アニメーション時間 */
  animation-name: RightToLeft;/* アニメーション名 */
  animation-iteration-count: 1;/* アニメーションの繰り返し（無限）*/
}
h4 {
  animation-duration: 2s;/* アニメーション時間 */
  animation-name: RightToLeft;/* アニメーション名 */
  animation-iteration-count: 1;/* アニメーションの繰り返し（無限）*/
}