@charset "utf-8";
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
/*body,
h1,
h2,
h3,
h4,
h5,
h6,
section,
div,
ul,
li,
dl,
dt,
dd,
p { margin:0; padding:0;}*/

section.default_code iframe p.articleList-curation__unitName { display:none;}

/*PCとスマホでの表示切替*/
.vpc{display: inherit;}
.vsp{display: none;}
/*/PCとスマホでの表示切替*/
a:hover{opacity:0.8;}

.hanabi-koshien .att_c{text-align: center;font-size: 0.875rem; color: #333;}

/*岡崎花火ティザー*/
section.hanabi-koshien img{height: auto;position: relative;}
section.event_header div{background-color:#666;position: relative;}
section.event_header div picture img{width: 100%;/*max-width: 1400px;*/margin: 100px auto 0;display: block;}
section.event_contents div{width: 90%; max-width: 1000px; margin: 100px auto;padding: 100px; border:1px solid #666;box-sizing: border-box;}
section.event_contents div img.cs{margin: 0 auto 50px;display: block;width: 70%;max-width: 400px;}
section.event_contents div ul{font-size: 1.125rem;line-height: 2;}

/*お祭り月間ロゴ*/
section.event_header .btn_omatsuri{position: absolute;top:10px; left: 0px;width: 250px;z-index: 100;}
section.event_header .btn_omatsuri img{width: 100%;}
@media screen and (max-width: 768px) {
section.event_header .btn_omatsuri{position: absolute;top: 20px; left: 0px;width: 120px;}
}

/*応募キャッチ-----------*/	
section.catch_post{background-color:#fff;padding:2em 1em 3em ;box-sizing: border-box;}
section.catch_post > div{width:100%;max-width: 1000px; margin:3em auto;}
section.catch_post h2 img,section.sns_post h2 img{display: block;margin: 2rem auto;width: 90%;max-width: 700px;}
section.catch_post p.catch_txt{font-size: 1.5rem;font-weight: bold;color: #333;line-height: 2;}
section.catch_post p.catch_txt strong{color: #bf48d9;}

/*HP応募・twitter応募-----------*/	
section.hp_post{background-color:#FCFCE1;padding:2em 1em 3em ;box-sizing: border-box;}
section.hp_post > div{width:96%;max-width: 1000px; margin:3em auto;}
section.hp_post h2 img,section.sns_post h2 img{display: block;margin: 2rem auto;width: 80%;max-width: 380px;}
section.hp_post h6,section.sns_post h6 {
  position: relative;
  padding: .75em 1em .75em 2em;
  color: #2FA9F4;
  font-size: 1.25rem;
  font-weight: bold;
}
section.hp_post h6::after,section.sns_post h6::after {
  position: absolute;
  top: .75em;
  left: .5em;
  content: '';
  width: 6px;
  height: -webkit-calc(85% - 1em);
  height: calc(85% - 1em);
  background-color: #2FA9F4;
  border-radius: 4px;
}
section.hp_post a.btn_oubo{width: 80%;max-width: 600px; margin: 1rem auto; display: block;padding: 1em;border-radius: 3em; background-color:orange;text-align: center; color: #fff; text-decoration: none; font-weight: bold;border: 1px solid #fff;font-size: 1.125rem;}
section.hp_post .oubo_end{text-align: center;color: red; font-size: 0.9rem;}

section.sns_post{background-color:#D5F4FB;padding:2em 1em 3em ;box-sizing: border-box;}
section.sns_post > div{width:96%;max-width: 1000px; margin:3em auto;}
section.sns_post input.hush{font-weight: bold;font-size: 1.125rem;color:#fff; background-color:#2FA9F4;border:none;border-radius: 1em;text-align: center;padding: 0.25em 1em;margin: 0.25em 0.5em; vertical-align: middle;display: inline-block;}
section.sns_post a{display: inline-block;vertical-align: middle;}
section.sns_post a.txt_twitter{font-weight: bold;font-size: 1.125rem; color:#2FA9F4;text-align: center;}
section.sns_post a.txt_instagram{font-weight: bold;font-size: 1.125rem; color:#DD8CBF;text-align: center;}

section.sns_post > div ol{margin-bottom: 2em;}

section.sns_post .fl_box {
display: flex;
justify-content: center;
margin: 0 auto 1em;
}
section.sns_post .fl_box .box_inst{background-color:#dd8cbf; }
section.sns_post .fl_box .box_tw{background-color:#76c7f9; }
section.sns_post .fl_box .box_inst img,.fl_box .box_tw img{width:100%;display: block;margin: auto;padding: 2em;box-sizing: border-box;}
/*応募締切*/
.ouboend{/*background-color:#fff;*/padding: 1em;border-radius: 1em;width: 60%;margin: 1em auto;box-sizing: border-box;}
.ouboend p{text-align: center;font-weight: bold;font-size: 1.125rem;}	

/*40thバナー*/
/*	.bnr_40th{width: 90%;max-width: 320px;margin: 1em auto;}
	.bnr_40th img{max-width: 100%;display: block;}
	.bnr_40th a:hover{opacity: 0.8;}*/

	.bnr_40th{width: 90%;max-width: 320px;margin: 1em auto;}
	.bnr_40th img{max-width: 100%;display: block;}
	.bnr_40th a:hover{opacity: 0.8;}
/*放送日fixdバナー*/
	.fix_day{background-image: url("../images/bg_day.jpg");background-position: left top;position: fixed;bottom: 0;width: 100%;z-index: 100;box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.3);}	
	.fix_day img{display: block;margin: 0 auto;width:100%;max-width:1000px;}

/*******.sc_epg　番組内容*******/
	section.sc_epg{}
	section.sc_epg{background-image: url("../images/bg_epg.jpg"); background-color: #040A77;background-size: cover;}
	section.sc_epg > div{padding: 2em;box-sizing: border-box;}
	section.sc_epg > div div.box_epg{margin:1em auto;background-color: #fff;/*max-width: 1200px;*/padding: 2em 2em;}
	section.sc_epg > div div.box_epg h5{font-size:2.5rem;text-align: center;padding-top: 1em; color:#333;}
	section.sc_epg > div p{ padding:0.5em 1em 1em;font-size:1.25rem;margin: 0 auto;max-width: 1000px;}
/*	section.sc_epg > div div.box_epg img{margin: 0 auto;display: block; max-width: 300px;width: 70%;}*/

	section.sc_epg .catch01{font-weight: bold;text-align: center;font-size: 1.75rem;color: #b552c4; paddin:0px;}
	section.sc_epg .catch02{font-weight: bold;text-align: center;font-size: 2.5rem;color: #042E9C;text-shadow: 3px 3px 0px rgba(0,0,0,0.1);}
	section.sc_epg .catch03{font-weight: bold;text-align: center;font-size: 1.75rem;color: #35afb7;}
	
/*共通リスト*/
ol.num{counter-reset: my-counter; list-style: none; padding: 0;margin:0; }
ol.num li{margin-bottom: 10px; position: relative;}
ol.num li:before{
    content: counter(my-counter);
    counter-increment: my-counter;
    background-color:#2FA9F4;
    color: #fff;
    font-size: 1.125rem;
    display: block;
    float: left;
    line-height: 1.5em;
    margin-top: 1px;
    margin-right: 0.5em;
	text-align: center;
    height: 1.5em;
    width: 1.5em;
    border-radius: 50%;
}
section.sc_epg ol.num{margin: 1em auto;color:#333;max-width: 860px;}
section.sc_epg ol.num li{font-size: 1.5rem;font-weight: bold;}
section.sc_epg ol.num li:before{background-color:#35afb7;font-size:1.5rem;}

/*番宣*/
section.sc_epg #bansen {margin: 0px auto 2em; width: 100%;max-width: 900px;}
section.sc_epg #bansen .movie{position:relative; padding-bottom: 56%;  height:0; overflow:hidden;}
section.sc_epg #bansen .movie iframe{ position:absolute; top:0;left:0; width:100%; height:100%;}

/*1部2部横並び*/
section.sc_epg div.flx{display: flex;gap:1rem;}

@media screen and (max-width: 768px) {
	section.sc_epg > div{padding: 1em;}
	section.sc_epg > div div.box_epg h5{ font-size: 1.5rem;padding:1em;}
	section.sc_epg > div p{padding:0.5em; font-size: 1rem;}
	section.sc_epg .catch02{font-size: 2rem;}
	section.sc_epg .catch03{font-size: 1.25rem;}
section.sc_epg ol.num li{font-size: 1.25rem;font-weight: bold;}
/*1部2部横並び*/
section.sc_epg div.flx{display: flex;flex-direction: column;}
	
	section.sc_epg .catch01{font-weight: bold;text-align: center;font-size: 1.25rem;color: #000; paddin:0px;}
	section.sc_epg .catch02{font-weight: bold;text-align: center;font-size: 2rem;color: #042E9C;text-shadow: 3px 3px 0px rgba(0,0,0,0.1);}
	section.sc_epg .catch03{font-weight: bold;text-align: center;font-size: 1.25rem;color: #35afb7;}
} 
/*******.sc_epg*******/
/*******.sc_cast 出演者*******/
section.sc_cast img{ 
	pointer-events: none;}
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-touch-callout:none;
    -moz-user-select:none;
    user-select:none;
section.sc_cast > div{padding: 2rem 0;}
section.sc_cast h5{font-size:1.5rem; text-align:center;border-bottom:10px solid #014674;padding:0.25em;box-sizing:border-box;width:4em;margin:2rem auto;}

section.sc_cast ul li p span{display: block;font-size: 0.75rem;}

section.sc_cast ul.maincast li p,
section.sc_cast ul.guest li p{font-weight:bold;text-align:center;padding:0.5em 0.5em 1em;font-size:1rem;color:#fff;}
section.sc_cast ul.maincast{display: grid;grid-template-columns: repeat(1, 1fr); justify-items: center; align-items: center;margin-top: 1em;}
section.sc_cast ul.maincast li{box-sizing: border-box;background-color: #35afb7;border:solid 1px #35afb7;}
section.sc_cast ul.maincast li img{display:block;width: 100%;max-width: 300px;box-sizing: border-box;}

section.sc_cast ul.guest{display: grid;grid-template-columns: repeat(1, 1fr);column-gap: 8px;row-gap: 8px;width:100%;max-width: 300px; margin:2em auto;position:relative;justify-items: center;/* align-items: center;*/ }
section.sc_cast ul.guest.g2{grid-template-columns: repeat(2,  1fr);max-width: 500px;}/*2枚*/
section.sc_cast ul.guest.g3{grid-template-columns: repeat(3, 1fr);max-width: 750px;}/*3枚*/
section.sc_cast ul.guest.g4{grid-template-columns: repeat(4, 1fr);max-width: 750px;}/*4枚*/

section.sc_cast ul.guest li{box-sizing: border-box;background-color: #35afb7;border:solid 1px #35afb7;}
section.sc_cast ul.guest li img{display:block;width: 100%;max-width: 300px;box-sizing: border-box;margin: 0 auto;}

section.sc_cast ul.ana{width:100%;max-width: 1000px; margin:2em auto 3em;position:relative;display: flex;justify-content :center;}
section.sc_cast ul.ana li{padding: 1em;box-sizing: border-box;}
section.sc_cast ul.ana li p{font-weight:bold;text-align:center;font-size:1rem;}

@media screen and (max-width: 768px) {
/*section.sc_cast ul.guest{display: grid;grid-template-columns: repeat(2, 1fr);column-gap: 4px;row-gap: 4px;left:0px;width: 96%; margin: 1em auto;}2枚以上*/
/*section.sc_cast ul img{display: block;}*/
	section.sc_cast ul.ana li{display: block;}
section.sc_cast ul.ana{flex-direction: column;}
	}
/*******.sc_cast 出演者*******/

/*sc_haishin ライブ配信・アーカイブについて------------------------------------------*/
section.sc_haishin{padding:1rem 0;background-color: aliceblue;}
section.sc_haishin > div{width: 96%;max-width:1280px; margin: 1em auto; }
section.sc_haishin div h3.movie_catch{color: #fff;background-color: #35afb7; padding: 1em; text-align: center;font-size: 1.25rem;font-weight: bold;}
section.sc_haishin div p.att{padding: 1em;margin: 1em 0;background-color: #fff; border-radius: 1em;}
section.sc_haishin div .img_thum{width: 100%;margin: 0 auto 10px;position: relative;transition: 0.5s;}
section.sc_haishin div .img_thum img{width: 100%;height: auto;}
section.sc_haishin div .img_thum:hover{opacity: 0.8;}
section.sc_haishin div .img_thum:before{content:url(../images/inc_haishin/btn_thum.png); position: absolute;width: 86px;height: 86px; z-index: 100; left: 0; right: 0; margin: auto;top: calc(50% - 43px);}
section.sc_haishin #movie_box {margin: 0px auto 10px; width: 100%;}
section.sc_haishin #movie_box .movie{position:relative; padding-bottom: 56%;  height:0; overflow:hidden;}
section.sc_haishin #movie_box .movie iframe{ position:absolute; top:0;left:0; width:100%; height:100%;}	
/*配信ボタン flexbox*/
section.sc_haishin .btn_flex-even{display: flex;gap:0.5em;}
section.sc_haishin .btn_flex-even > li{flex-basis: 100%;}
section.sc_haishin .btn_flex-even li a{display:block;padding: 1em; margin: 0;border: 1px solid #ccc; border-radius: 0.5em;background-color: #fff;}
section.sc_haishin .btn_flex-even li img{display:block;width: 90%; max-width:200px; height: auto; text-align: center; margin: 0 auto;}
/*/sc_haishin ライブ配信・アーカイブについて------------------------------------------*/

@media screen and (max-width: 768px) {
section.event_contents div{width: calc(100% - 40px); margin: 20px auto;padding: 30px;}
section.event_contents div img.cs{margin: 0 auto 20px;}

section.catch_post p.catch_txt{font-size: 1.25rem;line-height: 1.5;}	
.fl_box {grid-template-columns: repeat(1, 1fr);}
section.sns_post div{padding: 1em;margin-bottom:1em;}

/*応募締切*/
.ouboend{width: 100%;}
.ouboend p{text-align: left;font-size: 1rem;}
/*PCとスマホでの表示切替*/
.vpc{display: none;}
.vsp{display: inherit;}
	}