地球派宣言Week | HOME広島ﾎｰﾑﾃﾚﾋﾞ

a { text-decoration: none; } html { scroll-behavior: smooth; } .flex { display: flex; justify-content: center; gap: 10px; } .sp-only { display: none; } .title-02 { display: none; } .page-contents-inner { margin: 0 auto; } .contents-wrapper { position: relative; } .contents-wrapper, .page-contents-inner, .lower-contents-inner, .bread-crumb { background-color: #f0fbfc !important; /* 背景色 */ } .page-contents-inner { padding: 0 !important; } section h2 { text-align: center; } section h2 img { height: 130px; margin-top: 4em; margin-bottom: 20px; } .bread-crumb a { color: #265648 !important; /* ﾊﾟﾝくずﾘｽﾄの文字色 */ } .wrapper { color: #05435c; /* ﾍﾟｰｼﾞ内の文字色 */ width: 1000px; margin: 0 auto; } .wrapper a { color: #265648; /* ﾘﾝｸ文字色 */ } img { pointer-events: none; } /* ---------------- SP基本設定 ----------------- */ @media screen and (max-width:768px) { .flex { flex-direction: column; align-items: center; } .pc-only { display: none; } .sp-only { display: block; } .wrapper { width: 100%; } } /* ---------------- top ----------------- */ .week-head { position: absolute; top: 0; left: 0; } .week-title { text-align: center; margin-top: 4em; } .week-title img { max-width: 100%; } /* ---------------- SP-top ----------------- */ @media screen and (max-width:768px) { section h2 img { height: 60px; width: auto; margin-top: 2em; margin-bottom: 0; } .week-title { text-align: center; margin-top: 0; } .week-title img { max-width: 100%; } } /* ---------------- about ----------------- */ .week-about { margin-top: 7em; } .week-about-inner { background-color: #fff; } .week-about-text { font-size: 18px; font-weight: bold; padding: 50px; line-height: 2em; } .week-about-inner .about-title img { margin-top: 5em; } .about-title { text-align: center; } /* ---------------- SP-about ----------------- */ @media screen and (max-width:768px) { .week-about { margin-top: 3em; } .week-about-inner .about-title img { width: auto; margin-top: 2em; margin-bottom: 0; } .week-about-text { font-size: 13px; text-align: left; font-weight: bold; padding: 30px; } .about-title p:nth-child(1) { font-size: 20px; font-weight: bold; margin-bottom: 0; } .about-title p:nth-child(2) { font-size: 14px; font-weight: bold; } } /* ----------------event ----------------- */ .week-event { margin-top: 7em; } .week-event-inner { background-color: #fff; } .week-event-main { padding: 50px; } .event-title img { width: 590px; margin: 1em 0; } .week-event-text p { font-size: 16px !important; font-weight: bold; } .week-event-text .detail { color: #265648; font-size: 1.5em !important; } .week-event-text .yellow { background: #fef584; } .week-event-map { align-items: center; } .week-event-map iframe { width: 600px; height: 450px; } .week-event-map .map-img { width: 50%; } .week-event-button a { background-color: #23610e; color: #fff; font-weight: bold; font-size: 16px; padding: 10px; display: block; text-align: center; margin-top: 2em; border-radius: 60px; } /* ---------------- SP-event ----------------- */ @media screen and (max-width:768px) { .week-event { margin-top: 3em; } .week-event-text p { font-size: 14px !important; } .week-event-text .detail { color: #265648; font-size: 1.2em !important; } .week-event-main { padding: 30px; } .event-title img { width: 100%; margin: 1em 0; } .week-event-map iframe { width: 320px; height: 320px; } } /* ----------------channel ----------------- */ .week-channel { margin-top: 7em; } .week-channel-inner { background-color: #fff; } .week-channel-text { height: 300px; background-color: rgba(255, 255, 255, .8); display: flex; justify-content: center; align-items: center; } .week-channel-text p { font-weight: bold; font-size: 30px; } .channel-button { margin-top: 3em; margin-bottom: 10em; } .channel-button a { text-decoration: none; display: block; width: 45%; margin: 0 auto; text-align: center; background-color: #265648; color: #fff; border-radius: 60px; padding: 15px 0; font-size: 18px; font-weight: bold; transition: .2s cubic-bezier(0.45, 0, 0.55, 1); } .channel-button a:hover { transform: translateY(-6px); } /* ---------------- SP-channel ----------------- */ @media screen and (max-width:768px) { .week-channel-text { height: 200px; margin-top: 1em; } .week-channel-text p { font-size: 25px; } .channel-button { margin-bottom: 4em; } .channel-button a { width: 90%; background-color: #265648; color: #fff; padding: 10px 0; font-size: 16px; } } /* ---------------- ｽﾗｲﾀﾞｰ----------------- */ .content { width: 320px; } .content img { padding: 0 5px; } /* ｽﾗｲﾄﾞﾚｰﾙの枠 */ .week-slider__inner { width: 100%; margin: 0 auto; margin-top: 20px; overflow: hidden; display: flex; align-items: center; } /* content4つをまとめたｽﾗｲﾄﾞﾌﾞﾛｯｸ */ .slideshow { display: flex; -webkit-animation: loop-slide 80s infinite linear 1s both; animation: loop-slide 80s infinite linear 1s both; } @-webkit-keyframes loop-slide { from { transform: translateX(0); } to { transform: translateX(-100%); } } @keyframes loop-slide { from { transform: translateX(0); } to { transform: translateX(-100%); } } /* ---------------- SP-ｽﾗｲﾀﾞｰ----------------- */ @media screen and (max-width:768px) { .content { width: 150px; } /* CSきたら消す */ .week-slider { margin-bottom: 0em; } .week-slider__inner { width: 100%; } /* content4つをまとめたｽﾗｲﾄﾞﾌﾞﾛｯｸ */ .slideshow { display: flex; -webkit-animation: loop-slide 30s infinite linear 1s both; animation: loop-slide 30s infinite linear 1s both; } } /* -----topics-追記:齋藤　ここから------ */ .topics-flex { display: flex; } .topics-flex img { padding: 20px; } .topics-ana { text-align: center; } .topics-cast { text-align: center; } .topics-cast img { padding: 20px; max-width: 80%; } .ishiyama img { max-width: 50%; } .topics-hyou { max-width: 950px; margin: 0 auto; padding: 0 30px; } .topics-hyou dl { display: flex; flex-flow: row wrap; border: 1px solid #ccc; border-bottom: none; } .topics-hyou dt { flex-basis: 20%; padding: 20px; background-color: #f1f1f1; border-bottom: 1px solid #ccc; } .topics-hyou dd { flex-basis: 80%; padding: 19px; background-color: #fff; border-bottom: 1px solid #ccc; } .topics-hyou dd img { padding-bottom: 20px; } .topics-img { display: flex; gap: 5px; margin-top: 3em; } .topics-img img { max-height: 200px; } @media screen and (max-width: 559px) { .topics-hyou { padding: 0; } .topics-hyou dl { flex-flow: column; } .topics-hyou dd { padding: 10px 5px; } .topics-flex img { padding: 0; } .topics-ana { font-size: 12px; } .topics iframe { width: 340px; height: 190px; } .topics-img { margin-top: 2em; flex-direction: column; max-width: 100%; text-align: center; } .topics-img img { max-height: none; width: 80%; height: 80%; margin: 0 auto; } } /* button */ .topics-button { text-align: center; margin-top: 30px; } .topics-button a { font-weight: bold; font-size: 16px; text-decoration: none; padding: 10px 40px; color: #265648; background-color: #fff; border: #265648 solid 2px; border-radius: 60px; transition: .2s cubic-bezier(0.45, 0, 0.55, 1); } .topics-button a:hover { color: #fff; background-color: #265648; } /*---------------------------------------------- * * scrollani * *----------------------------------------------*/ .scrollani { opacity: 0; transition-property: opacity, transform; transition-duration: 0.8s; transition-timing-function: ease; } .scrollani.show { opacity: 1; transform: none; } .scrollani--lr { transform: translate(-100px, 0); } .scrollani--rl { transform: translate(100px, 0); } .scrollani--up { transform: translate(0, 100px); } .scrollani--down { transform: translate(0, -100px); } .scrollani--scaleUp { transform: scale(0.5); } .scrollani--scaleDown { transform: scale(1.5); } .scrollani--rotateL { transform: rotate(180deg); } .scrollani--rotateR { transform: rotate(-180deg); } @media print { .scrollani { opacity: 1; transform: none; } } /*================================================== topicsｱｺｰﾃﾞｨｵﾝのためのcss ===================================*/ .p-accordion { max-width: 900px; margin-inline: auto; margin-bottom: 50px; } .p-accordion-desc { font-size: 15px; font-weight: 700; } .p-accordion__head { font-weight: bold; cursor: pointer; display: block; color: #05435c; padding: 13px 20px; margin: 15px auto; transition: .1s cubic-bezier(0.45, 0, 0.55, 1); border-bottom: #05435c solid 1px; font-size: 16px; } .p-accordion__head:hover { transform: translateY(-5px); } .p-accordion__head-inner { display: flex; gap: 50px; align-items: center; } .p-accordion__icon { display: block; position: relative; width: 24px; transition: transform 0.25s; } .p-accordion__icon:before { content: ""; position: absolute; display: block; width: 15px; height: 2px; background-color: #05435c; } .p-accordion__icon:after { content: ""; position: absolute; display: block; width: 15px; height: 2px; background-color: #05435c; } .p-accordion__icon:before { left: 0; transform: rotate(45deg); } .p-accordion__icon:after { right: 0; transform: rotate(-45deg); } @media screen and (max-width:768px) { .p-accordion { margin-bottom: 20px; } .p-accordion__icon:before { content: ""; position: absolute; display: block; width: 10px; height: 2px; background-color: #05435c; } .p-accordion__icon:after { content: ""; position: absolute; display: block; width: 10px; height: 2px; background-color: #05435c; } } .p-accordion__input input[name=p-accordion__block] { display: none; } .p-accordion__input .p-accordion__block { cursor: pointer; } .p-accordion__input .p-accordion__content { height: 0; padding: 0 10px; overflow: hidden; opacity: 0.5; background-color: #fff; transition: padding 0.25s ease, opacity 0.3s ease 0s; } .p-accordion__input input[name=p-accordion__block]:checked+.p-accordion__head>.p-accordion__head-inner .p-accordion__icon { transform: rotate(-180deg); } .p-accordion__input input[name=p-accordion__block]:checked+.p-accordion__head+.p-accordion__content { /*開閉時*/ height: auto; opacity: 1; padding: 30px 10px; } .center-p { text-align: center; margin-top: 2em; } .hyou-white { margin-top: 5em; } @media screen and (max-width: 767px) { .p-accordion__head { font-size: 14px; } .hyou-white { margin-top: 3em; } } .chikyuha_bunner { padding: 3em 0; } .chikyuha_bunner a { display: block; } .comingsoon { font-weight: bold; font-size: 1.2em; text-align: center; }

1993年から続くHOMEの環境ｷｬﾝﾍﾟｰﾝ｢地球派宣言｣｡
今年の｢地球派宣言WEEK｣は､10月19日(月)から25日(日)までの7日間にわたり実施します｡
番組出演者によるｷｬﾝﾍﾟｰﾝｽﾎﾟｯﾄを皮切りに､看板番組｢ﾋﾟﾀﾆｭｰ｣では｢かんちゃんのお天気×ひろしま地球環境ﾌｫｰﾗﾑ｣､さらに好評を博した｢地球派宣言ｺｰﾅｰ人気傑作選｣3作品を放送します｡
24日(土)の｢ひろしま深掘りﾗｲﾌﾞﾌﾛﾝﾄﾄﾞｱ｣では特集企画を展開｡
そして最終日の25日(日)は､特別番組『松井ｹﾑﾘのおしえちゃうZOO!～動物の不思議なﾛﾏﾝ〜(仮)』でﾌｨﾅｰﾚを飾ります｡

HOMEでは期間中､情報･報道･ﾊﾞﾗｴﾃｨの垣根を越え､番組横断で｢地球派宣言｣を徹底発信｡地域とともに環境を考える1週間をお届けします｡

coming soon

TOP