@charset "UTF-8";
.htbdfwp-common * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.htbdfwp-common .htbdfwp-footer__banner:after, .htbdfwp-common .htbdfwp-footer__bottom--in:after, #htbdfwp_contents:after { display: block; content: ""; clear: both; }

html, body { margin: 0; padding: 0; height: auto; outline: 0; border: 0; background: transparent; vertical-align: baseline; line-height: 1.7; -webkit-text-size-adjust: 100%; /* @media only screen and (max-width:768px) { -webkit-overflow-scrolling: touch; } */ }

body { /* font-size: 1.5rem;  */ min-width: 320px; -webkit-overflow-scrolling: touch; }

@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100; }

@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 200; }

@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 300; }

@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 400; }

@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Bold"); font-weight: bold; }

@font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 100; }

@font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 200; }

.htbdfwp-common { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-feature-settings: "palt"; letter-spacing: 0.02em; }

/* IE10以上 */
@media all and (-ms-high-contrast: none) { .htbdfwp-common { font-family: Verdana, Meiryo, sans-serif; } }

.htbdfwp-common section { clear: both; }

.htbdfwp-common ol, .htbdfwp-common ul, .htbdfwp-common li, .htbdfwp-common dl, .htbdfwp-common dt, .htbdfwp-common dd, .htbdfwp-common p { list-style-type: none; list-style-position: inside; margin: 0; padding: 0; }

.htbdfwp-common img { max-width: 100%; height: auto; vertical-align: bottom; border: none; }

.htbdfwp-common figcaption, .htbdfwp-common figure, .htbdfwp-common footer, .htbdfwp-common header, .htbdfwp-common menu, .htbdfwp-common nav, .htbdfwp-common section { display: block; }

.htbdfwp-common blockquote, .htbdfwp-common q { quotes: none; }

.htbdfwp-common b, .htbdfwp-common em, .htbdfwp-common strong { font-weight: bold; font-style: normal; }

.htbdfwp-common blockquote:before, .htbdfwp-common blockquote:after, .htbdfwp-common q:before, .htbdfwp-common q:after { content: ''; content: none; }

.htbdfwp-common a { -webkit-tap-highlight-color: rgba(153, 153, 153, 0.4); text-decoration: none; }

.htbdfwp-common table { border-spacing: 0; border-collapse: collapse; }

.htbdfwp-common u { text-decoration: underline !important; }

.htbdfwp-common i { font-style: normal; }

.htbdfwp-common i.fa { display: inline-block; margin: 4px; }

.htbdfwp-common a, .htbdfwp-common input[type="submit"], .htbdfwp-common input[type="button"], .htbdfwp-common button { transition: all 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; cursor: pointer; }

.htbdfwp-common input, .htbdfwp-common select, .htbdfwp-common option, .htbdfwp-common textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; }

.htbdfwp-common { position: relative; z-index: 500; line-height: 1.7; clear: both; }

.htbdfwp-contena { font-size: 16px; }

.htbdfwp-pcView { display: inline-block; }

.htbdfwp-spView { display: none !important; }

.htbdfwp-secondPage .htbdfwp-header__wrap { background: #FFF; z-index: 5001; }

.z-indexFirst { position: relative; z-index: 600 !important; }

.htbdfwp-common #htbdfwp-ticker__line--news { overflow: hidden; }

.htbdfwp-common .htbdfwp-ticker { display: none; width: 100%; overflow: hidden; background: #E03D4C; position: relative; }

.htbdfwp-common .htbdfwp-ticker > div { width: auto !important; }

.htbdfwp-common .htbdfwp-ticker:before { content: "NOW ON AIR"; background: #E03D4C; position: absolute; z-index: 20; top: 0; bottom: 0; left: 5px; margin: auto; height: 18px; padding: 3px 3px 1px; color: #FFF; font-weight: 600; font-size: 10px; text-align: center; border: solid 1px #FFF; }

.htbdfwp-common .htbdfwp-ticker:after { content: ""; background: #E03D4C; position: absolute; z-index: 10; top: 0; bottom: 0; left: 0; margin: auto; display: block; width: 79px; }

.htbdfwp-common .htbdfwp-ticker li { width: 100%; margin: 0; padding: 12px 8px 12px 8px; color: #FFF; white-space: nowrap; overflow-x: scroll; -webkit-overflow-scrolling: touch; }

.htbdfwp-common .htbdfwp-ticker li p, .htbdfwp-common .htbdfwp-ticker li span { display: inline-block; margin-right: 12px; font-weight: 600; }

.htbdfwp-common .htbdfwp-ticker li a { display: block; color: #FFF; font-size: 13px; }

.htbdfwp-common .htbdfwp-ticker li .htbdfwp-flag__now { display: none; }

.htbdfwp-common .htbdfwp-ticker .htbdfwp-cast { display: none !important; }

.htbdfwp-common .htbdfwp-ticker__line { white-space: nowrap; }

.htbdfwp-common .htbdfwp-header { display: table; table-layout: fixed; width: 100%; padding-top: 23px; min-width: 1095px; max-width: 1095px; margin: auto auto 11.5px; }

.htbdfwp-common .htbdfwp-header__cell { display: table-cell; vertical-align: middle; }

.htbdfwp-common .htbdfwp-header__logo { text-align: center; padding-right: 13px; }

.htbdfwp-common .htbdfwp-header__logo--img { height: 74px; }

.htbdfwp-common .htbdfwp-header__logo--img h1 { margin: 0; padding: 0; font-size: inherit; width: auto; height: auto; background: none; }

.htbdfwp-common .htbdfwp-header__logo img { margin: auto; max-width: 224px; max-height: 58px; margin-bottom: 12px; }

.htbdfwp-common .htbdfwp-header__shortMenu { padding: 0 24px 0 0; text-align: center; width: 130px; }

.htbdfwp-common .htbdfwp-header__shortMenu a { white-space: nowrap; display: block; border-radius: 1px; text-decoration: none; font-size: 11.5px; font-weight: 600; }

.htbdfwp-common .htbdfwp-header__shortMenu--timeTable { color: #FFF; background: #689f38; padding: 6px; margin-bottom: 13px; }

.htbdfwp-common .htbdfwp-header__shortMenu--timeTable:hover { background: #4f792b; border-color: #436624; }

.htbdfwp-common .htbdfwp-header__shortMenu--timeTable img { width: 23px; margin: 0px auto 4px; position: relative; top: 1px; }

.htbdfwp-common .htbdfwp-header__shortMenu--english { color: #252525; background: #EEE; padding: 6px 1px; }

.htbdfwp-common .htbdfwp-header__shortMenu--english:hover { background: #CCC; }

.htbdfwp-common .htbdfwp-header__search { padding: 0; position: relative; }

.htbdfwp-common .htbdfwp-header__banner { width: 728px; }

.htbdfwp-common .htbdfwp-header__banner img { width: 728px; height: 105px; }

.htbdfwp-common .htbdfwp-site__search { position: relative; }

.htbdfwp-common .htbdfwp-site__search input, .htbdfwp-common .htbdfwp-site__search button { -webkit-appearance: none; border: none; box-shadow: none; border-radius: 1px; display: block; }

.htbdfwp-common .htbdfwp-site__search input[type="search"], .htbdfwp-common .htbdfwp-site__search button[type="search"] { border: solid 1px #DEDEDE; padding: 0 10px; font-size: 14px; width: 100%; letter-spacing: -0.05em; }

.htbdfwp-common .htbdfwp-site__search input[type="submit"], .htbdfwp-common .htbdfwp-site__search button[type="submit"] { text-align: center; width: 36px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; border-top-left-radius: 0; border-bottom-left-radius: 0; color: #FFF; background: #689f38; font-family: FontAwesome; font-size: 14px; }

.htbdfwp-common .htbdfwp-site__search input[type="submit"]:hover, .htbdfwp-common .htbdfwp-site__search button[type="submit"]:hover { background: #4f792b; border-color: #436624; }

.htbdfwp-common #___gcse_0 table { margin: 0; border: none; background: none; }

.htbdfwp-common #___gcse_0 table td { padding: 0; }

.htbdfwp-common #___gcse_0 table table { border-top: solid 1px #FFF; }

.htbdfwp-common #___gcse_0 table table td { background: none; border: none; }

.htbdfwp-common #gsc-i-id1 { padding: 3px 6px !important; }

.htbdfwp-common #gs_cb50 { position: relative; top: 1px; }

.htbdfwp-common form.gsc-search-box { margin: 0; }

.htbdfwp-common table.gsc-search-box td { line-height: 0; }

.htbdfwp-common .htbdfwp-form-search { height: 31px; }

.htbdfwp-common table.gsc-search-box { margin: 0; }

.htbdfwp-common .gsc-input { background: #DEDEDE; border-left: solid 1px #DEDEDE; }

.htbdfwp-common .cse .gsc-control-cse, .htbdfwp-common .gsc-control-cse { padding: 0 !important; }

.htbdfwp-common .gsc-control-cse div { text-align: left; }

.htbdfwp-common .gsc-input-box { height: 27px; }

.htbdfwp-common input.gsc-input, .htbdfwp-common .gsc-input-box, .htbdfwp-common .gsc-input-box-hover, .htbdfwp-common .gsc-input-box-focus { border-color: #DEDEDE; border: none; box-shadow: none; }

.htbdfwp-common .gsc-search-box-tools .gsc-search-box .gsc-input { padding: 0; text-indent: 0 !important; }

.htbdfwp-common .cse .gsc-search-button input.gsc-search-button-v2, .htbdfwp-common input.gsc-search-button-v2 { background: #689f38; border: none; width: 13px; height: 13px; padding: 8px 12px; margin: auto; color: #FFF; box-sizing: content-box; border-radius: 1px; border-top-left-radius: 0; border-bottom-left-radius: 0; transition: all 0.3s; /* 		font-family: FontAwesome; */ /* Chrome	*/ /* Firefox */ /* IE */ }

.htbdfwp-common .cse .gsc-search-button input.gsc-search-button-v2:hover, .htbdfwp-common input.gsc-search-button-v2:hover { background: #4f792b; }

.htbdfwp-common .cse .gsc-search-button input.gsc-search-button-v2 ::-webkit-input-placeholder, .htbdfwp-common input.gsc-search-button-v2 ::-webkit-input-placeholder { color: #222; }

.htbdfwp-common .cse .gsc-search-button input.gsc-search-button-v2 ::-moz-placeholder, .htbdfwp-common input.gsc-search-button-v2 ::-moz-placeholder { color: #222; }

.htbdfwp-common .cse .gsc-search-button input.gsc-search-button-v2 :-ms-input-placeholder, .htbdfwp-common input.gsc-search-button-v2 :-ms-input-placeholder { color: #222; }

/*----- タイトル -----*/
.htbdfwp-cornerSection__title { text-align: left; position: relative; max-width: 1095px; margin: auto; }

.htbdfwp-cornerSection__title--text { color: #FFF; font-size: 30px; font-weight: 200; padding: 8px 24px 4px; font-feature-settings: "palt"; letter-spacing: -0.01em; border-radius: 3px; margin: 0 0 40px; font-weight: 300; }

.htbdfwp-cornerSection__title--text span { font-weight: 200; }

.htbdfwp-cornerSection__title--mini .htbdfwp-cornerSection__title--text { font-size: 24px; padding: 10px 24px 6px; }

.htbdfwp-cornerSection__title--more { position: absolute; right: 12px; top: 4px; bottom: 0px; margin: auto; text-align: center; padding: 8px 0; -webkit-transition: all 0.3s; transition: all 0.3s; z-index: 10; }

.htbdfwp-cornerSection__title--more a { font-weight: 600; min-width: 154px; border: solid 1px #FFF; border-radius: 2px; display: inline-block; padding: 8px 24px 8px 8px; vertical-align: middle; text-decoration: none; color: #FFF; font-size: 12px; position: relative; }

.htbdfwp-cornerSection__title--more a:after { content: "\f101"; position: absolute; z-index: 10; top: 0; bottom: 0; right: 8px; font-family: FontAwesome; font-size: 10px; margin: auto; height: 18px; }

#htbdfwp-newsWeather .htbdfwp-cornerSection__title--text { background: #589ac5; }

#htbdfwp-newsWeather .htbdfwp-cornerSection__title--more a.htbdfwp-more__news { background: #0f6696; }

#htbdfwp-newsWeather .htbdfwp-cornerSection__title--more a.htbdfwp-more__news:hover { background: #0a4668; }

#htbdfwp-newsWeather .htbdfwp-cornerSection__title--more a.htbdfwp-more__weather { background: #ee7b3c; }

#htbdfwp-newsWeather .htbdfwp-cornerSection__title--more a.htbdfwp-more__weather:hover { background: #e35d14; }

#htbdfwp-bangumiShoukai .htbdfwp-cornerSection__title--text { background: #e03d4c; }

#htbdfwp-bangumiShoukai .htbdfwp-cornerSection__title--more a:hover { background: #ca2030; }

#htbdfwp-announcers .htbdfwp-cornerSection__title--text { background: #7b52ab; }

#htbdfwp-announcers .htbdfwp-cornerSection__title--more a:hover { background: #624189; }

#htbdfwp-osusumeConts .htbdfwp-cornerSection__title--text { background: #990707; }

#htbdfwp-osusumeConts .htbdfwp-cornerSection__title--more a:hover { background: #680505; }

#htbdfwp-pickup .htbdfwp-cornerSection__title--text { background: #fb805f; }

#htbdfwp-ranking .htbdfwp-cornerSection__title--text { background: #689f38; position: relative; top: -30px; margin-bottom: 0; }

#htbdfwp-topicnews_topics .htbdfwp-cornerSection__title--text { background: #689f38; }

#htbdfwp-topicnews_topics .htbdfwp-cornerSection__title--more a { min-width: 90px; background: #ff6e40; padding-top: 6px; }

#htbdfwp-topicnews_topics .htbdfwp-cornerSection__title--more a .fa { font-size: 16px; position: relative; top: 1px; }

#htbdfwp-topicnews_topics .htbdfwp-cornerSection__title--more a:hover { background: #ff470d; }

#htbdfwp-emergency .htbdfwp-cornerSection__title--text { background: #f44336; }

.htbdfwp-common .htbdfwp-gloNav { position: relative; border-bottom: solid 1px #dfdfdf; background: white; background: -moz-linear-gradient(top, white 43%, #f4f4f4 100%); background: -webkit-linear-gradient(top, white 43%, #f4f4f4 100%); background: linear-gradient(to bottom, white 43%, #f4f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /*----- スマホ用 -----*/ }

.htbdfwp-common .htbdfwp-gloNav a { color: #252525; }

.htbdfwp-common .htbdfwp-gloNav__main--conts { width: 100%; max-width: 1095px; margin: auto; display: table; table-layout: fixed; }

.htbdfwp-common .htbdfwp-gloNav__big { display: table-cell; vertical-align: bottom; text-align: center; position: relative; width: auto; height: 75px; border: solid 2px rgba(255, 255, 255, 0); }

.htbdfwp-common .htbdfwp-gloNav__big:first-child { display: none; }

.htbdfwp-common .htbdfwp-gloNav__big > a { display: block; font-feature-settings: "palt"; letter-spacing: -0.04em; font-weight: 600; font-size: 12.5px; padding: 8px 0 3px; position: relative; text-decoration: none; top: -2px; }

.htbdfwp-common .htbdfwp-gloNav__big > a:before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; width: 100%; height: 40px; margin: auto; }

.htbdfwp-common .htbdfwp-gloNav__big > a:after { display: none; }

.htbdfwp-common .htbdfwp-gloNav__big .htbdfwp-icon { margin: auto auto -3px; display: block; max-width: 42px; max-height: 42px; }

@media all and (min-width: 751px) { .htbdfwp-common .htbdfwp-gloNav__big .htbdfwp-icon + span { white-space: nowrap; } }

.htbdfwp-common .htbdfwp-gloNav__middle { margin-bottom: 4px; font-size: 14px; }

.htbdfwp-common .htbdfwp-gloNav__middle .htbdfwp-linkWrap { font-weight: 600; position: relative; padding-left: 18px; display: block; color: #252525; }

.htbdfwp-common .htbdfwp-gloNav__middle .htbdfwp-linkWrap:after { right: inherit; transform: none; -wekit-transform: none; -ms-transform: none; -moz-transform: none; width: auto; border: none; display: block; content: '\f0a9'; position: absolute; z-index: 10; top: 4px; margin: auto; left: 0; height: 14px; font-size: 14px; font-family: FontAwesome; color: #FCBA00; line-height: 1em; text-decoration: none; }

.htbdfwp-common .htbdfwp-gloNav__middle .htbdfwp-linkWrap.htbdfwp-linkOn { color: #252525; text-decoration: none; }

.htbdfwp-common .htbdfwp-gloNav__middle .htbdfwp-linkWrap.htbdfwp-linkOn:hover span { text-decoration: underline; }

.htbdfwp-common .htbdfwp-gloNav__small { font-size: 12.5px; margin-bottom: 2px; margin-left: 20px; }

.htbdfwp-common .htbdfwp-gloNav__small .htbdfwp-linkWrap:after { right: inherit; transform: none; -wekit-transform: none; -ms-transform: none; -moz-transform: none; width: auto; border: none; }

.htbdfwp-common .htbdfwp-gloNav__sub { display: none; }

.htbdfwp-common .htbdfwp-gloNav__main--sp { display: none; }

.htbdfwp-common .htbdfwp-gloNav__modal { display: none; }

#htbdfwp-wrap { min-width: 320px; }

.htbdfwp-menuOpen { position: relative; /* 	&:after,  */ }

.htbdfwp-menuOpen .htbdfwp-menuOpenAfter { content: ""; position: fixed; z-index: 300; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); cursor: pointer; }

.htbdfwp-menuOpen .htbdfwp-header { position: relative; z-index: 51; background: #FFF; }

.htbdfwp-menuOpen .htbdfwp-main { z-index: 1; position: relative; }

.htbdfwp-menuOpen #htbdfwp-headline_kinkyu { display: none !important; }

.htbdfwp-common { /*----- SNS -----*/ }

.htbdfwp-common .htbdfwp-sns { background: #FFF; padding: 0 8px; margin-bottom: 0; text-align: center; }

.htbdfwp-common .htbdfwp-sns__in { width: 100%; min-width: 1095px; max-width: 1095px; margin: auto; padding: 9px 0 8px; display: table; table-layout: fixed; }

.htbdfwp-common .htbdfwp-sns__title { width: 20%; display: table-cell; vertical-align: middle; text-align: center; margin: 0 auto; }

.htbdfwp-common .htbdfwp-sns__title em { font-weight: 600; display: block; }

.htbdfwp-common .htbdfwp-sns__title img { width: 110px; margin: auto auto 6px; }

.htbdfwp-common .htbdfwp-sns__title a { font-size: 13px; font-weight: 600; color: #252525; text-decoration: underline; }

.htbdfwp-common .htbdfwp-sns__title a:hover { text-decoration: none; }

.htbdfwp-common .htbdfwp-sns__site { display: table-cell; vertical-align: middle; }

.htbdfwp-common .htbdfwp-sns__site--div { display: table; table-layout: fixed; width: 100%; border-collapse: collapse; letter-spacing: -0.4em; }

.htbdfwp-common .htbdfwp-sns__site a { letter-spacing: normal; display: table-cell; vertical-align: middle; color: #FFF; font-size: 12px; text-decoration: none; padding: 14px 16px 28px 16px; position: relative; }

.htbdfwp-common .htbdfwp-sns__site a span { position: absolute; left: 0; right: 0; bottom: 12px; font-weight: 600; }

.htbdfwp-common .htbdfwp-sns__site a .fa { font-size: 22px; display: block; }

.htbdfwp-common .htbdfwp-sns__site a img { height: 22px; display: block; margin: auto auto 4px; position: relative; top: 2px; }

.htbdfwp-common .htbdfwp-sns__site a.htbdfwp-twitter { background: #48a8e0; }

.htbdfwp-common .htbdfwp-sns__site a.htbdfwp-twitter:hover { background: #2391d2; }

.htbdfwp-common .htbdfwp-sns__site a.htbdfwp-facebook { background: #2757a5; }

.htbdfwp-common .htbdfwp-sns__site a.htbdfwp-facebook:hover { background: #1d417c; }

.htbdfwp-common .htbdfwp-sns__site a.htbdfwp-instagram { background: #c33283; }

.htbdfwp-common .htbdfwp-sns__site a.htbdfwp-instagram:hover { background: #9a2868; }

.htbdfwp-common .htbdfwp-sns__site a.htbdfwp-apps { background: #B3C833; }

.htbdfwp-common .htbdfwp-sns__site a.htbdfwp-apps:hover { background: #8f9f29; }

.htbdfwp-common .htbdfwp-sns__site a.htbdfwp-line { background: #00B900; }

.htbdfwp-common .htbdfwp-sns__site a.htbdfwp-line:hover { background: #008600; }

.htbdfwp-common .htbdfwp-sns__site a.htbdfwp-youtube { background: #e12b26; }

.htbdfwp-common .htbdfwp-sns__site a.htbdfwp-youtube:hover { background: #ba1e1a; }

.htbdfwp-common .htbdfwp-sns__site a.htbdfwp-niconico { background: #272727; }

.htbdfwp-common .htbdfwp-sns__site a.htbdfwp-niconico:hover { background: #0e0e0e; }

.htbdfwp-common .htbdfwp-footer { clear: both; background: #282828; min-width: 1095px; /*----- バナー -----*/ /*----- キー局リンク -----*/ /*----- フッター内リンク -----*/ /*----- フッタ最下部リンク -----*/ }

.htbdfwp-common .htbdfwp-footer__banner { max-width: 944px; padding-top: 24px; margin: auto auto 22px; text-align: center; }

/*
.htbdfwp-common .htbdfwp-footer__banner ul { letter-spacing: -0.4em; text-align: left; }

.htbdfwp-common .htbdfwp-footer__banner li { display: inline-block; vertical-align: middle; margin: 6px; max-width: 23.6%; }
*/

.htbdfwp-common .htbdfwp-footer .htbdfwp-footer__banner {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}
.htbdfwp-common .htbdfwp-footer .htbdfwp-footer__banner .htbdfwp-footer__banner_a {
	width: 23.6%;
}
.htbdfwp-common .htbdfwp-footer .htbdfwp-footer__banner .htbdfwp-footer__banner_a img {
	width: 100%;
	height:auto;
}
.htbdfwp-common .htbdfwp-footer .htbdfwp-footer__banner .htbdfwp-footer__banner_b {
	width: 75%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}
.htbdfwp-common .htbdfwp-footer .htbdfwp-footer__banner .htbdfwp-footer__banner_b::before{
	content:"";
	display: block;
	width: 32.5%;
	order:1;
}
.htbdfwp-common .htbdfwp-footer .htbdfwp-footer__banner .htbdfwp-footer__banner_b::after{
	content:"";
	display: block;
	width: 32.5%;
}
.htbdfwp-common .htbdfwp-footer .htbdfwp-footer__banner .htbdfwp-footer__banner_b li {
	width: 32.5%;
	margin-bottom: 20px;
}
@media screen and (max-width: 750px) {
	.htbdfwp-common .htbdfwp-footer__banner { width: auto; margin: 0 0 0 0;}
	.htbdfwp-common .htbdfwp-footer .htbdfwp-footer__banner {
		display: block;
		text-align: center;
		margin: auto;
	}	
		.htbdfwp-common .htbdfwp-footer .htbdfwp-footer__banner .htbdfwp-footer__banner_a {
		width: auto;
		text-align: center;
		margin: 0;
		margin-left: -1%;
		margin-right: 3%;
		}
	.htbdfwp-common .htbdfwp-footer .htbdfwp-footer__banner ul {
		margin: 0;
	}
	.htbdfwp-common .htbdfwp-footer .htbdfwp-footer__banner .htbdfwp-footer__banner_a li {
		width: auto;
		margin-bottom: 5px;
		text-align: center;
	}
	.htbdfwp-common .htbdfwp-footer .htbdfwp-footer__banner .htbdfwp-footer__banner_a li img {
		max-width: 252px;
		height:auto;
	}
	.htbdfwp-common .htbdfwp-footer .htbdfwp-footer__banner .htbdfwp-footer__banner_b {
		width: auto;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-left: -1%;
		margin-right: 3%;
		}
	.htbdfwp-common .htbdfwp-footer .htbdfwp-footer__banner .htbdfwp-footer__banner_b li {
		width: 48%;
		margin-bottom: 10px;
		text-align: center;
	}
	.htbdfwp-common .htbdfwp-footer .htbdfwp-footer__banner .htbdfwp-footer__banner_a li img {
		max-width: 100%;
		height:auto;
	}
}

.htbdfwp-common .htbdfwp-footer__banner li a { display: block; text-align: center; }

.htbdfwp-common .htbdfwp-footer__banner li a img { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

.htbdfwp-common .htbdfwp-footer__banner li a:hover img { opacity: 0.8; }

.htbdfwp-common .htbdfwp-footer__key { width: 1095px; margin: auto; border-top: solid 1px #383838; text-align: center; padding: 16px 24px; }

.htbdfwp-common .htbdfwp-footer__key li { display: inline-block; padding: 4px 12px; line-height: 1.3; }

.htbdfwp-common .htbdfwp-footer__key a { color: #CCC; font-feature-settings: "palt"; letter-spacing: -0.04em; font-size: 11px; white-space: nowrap; }

.htbdfwp-common .htbdfwp-footer__key a:hover { text-decoration: underline; }

.htbdfwp-common .htbdfwp-footer__link { clear: both; max-width: 1095px; margin: auto auto 24px; border-spacing: 32px 0; }

.htbdfwp-common .htbdfwp-footer__link a { text-decoration: none; color: #CCC; }

.htbdfwp-common .htbdfwp-footer__link .htbdfwp-dl { text-align: left; display: inline-block; vertical-align: top; letter-spacing: -0.4em; margin: 0 1.5%; max-width: 19%; }

.htbdfwp-common .htbdfwp-footer__link .htbdfwp-dl:first-child { width: 130px; }

@media all and (-ms-high-contrast: none) { .htbdfwp-common .htbdfwp-footer__link *::-ms-backdrop, .htbdfwp-common .htbdfwp-footer__link .htbdfwp-dl { margin: 0 1.4%; } }

.htbdfwp-common .htbdfwp-footer__link .htbdfwp-dt { letter-spacing: normal; display: block; border-bottom: solid 1px #666; margin-bottom: 8px; color: #CCC; padding: 0 4px 6px; font-size: 14px; font-weight: 600; pointer-events: none; }

.htbdfwp-common .htbdfwp-footer__link .htbdfwp-mymenu { display: none; }

.htbdfwp-common .htbdfwp-footer__link dd, .htbdfwp-common .htbdfwp-footer__link li { display: block; margin: 4px 0; font-size: 12px; letter-spacing: -0.02em; text-indent: -0.5em; padding-left: 1em; white-space: nowrap; }

.htbdfwp-common .htbdfwp-footer__link dd:before, .htbdfwp-common .htbdfwp-footer__link li:before { color: #CCC; content: '・'; display: inline-block; margin-right: 4px; }

.htbdfwp-common .htbdfwp-footer__link dd a:hover, .htbdfwp-common .htbdfwp-footer__link li a:hover { text-decoration: underline; }

.htbdfwp-common .htbdfwp-footer__link dd.longText, .htbdfwp-common .htbdfwp-footer__link li.longText { line-height: 1.4; }

@media only screen and (max-width: 750px) { .htbdfwp-common .htbdfwp-footer__link dd.longText, .htbdfwp-common .htbdfwp-footer__link li.longText { text-indent: -0.5em; padding-left: 2em; }
  .htbdfwp-common .htbdfwp-footer__link dd.longText br, .htbdfwp-common .htbdfwp-footer__link li.longText br { display: none; } }

@media only screen and (max-width: 375px) { .htbdfwp-common .htbdfwp-footer__link dd.longText br, .htbdfwp-common .htbdfwp-footer__link li.longText br { display: block; } }

.htbdfwp-common .htbdfwp-footer__link ul { display: inline-block; vertical-align: top; min-width: 40%; margin-right: 8px; }

.htbdfwp-common .htbdfwp-footer__bottom { width: 100%; min-width: 1095px; background: #FFF; padding: 18px 0 20px 0; }

.htbdfwp-common .htbdfwp-footer__bottom--in { width: 1068px; position: relative; margin: auto; }

.htbdfwp-common .htbdfwp-footer__bottom--logo { width: 118px; height: 51px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }

.htbdfwp-common .htbdfwp-footer__bottom--logo img { position: relative; top: -1px; }

.htbdfwp-common .htbdfwp-footer__bottom--link { position: relative; top: 0; left: 154px; float: left; font-size: 11px; padding:10px 0; }

.htbdfwp-common .htbdfwp-footer__bottom--link ul { letter-spacing: -0.4em; }

.htbdfwp-common .htbdfwp-footer__bottom--link li { display: block; letter-spacing: normal; margin: 2px 0; }

.htbdfwp-common .htbdfwp-footer__bottom--link a { text-decoration: underline; color: #252525; font-weight: 600; white-space: nowrap; }

.htbdfwp-common .htbdfwp-footer__bottom--link a:before { content: '\f105'; font-family: FontAwesome; text-decoration: none; display: inline-block; margin-right: 8px; }

.htbdfwp-common .htbdfwp-footer__bottom--link a:hover { text-decoration: none; }

.htbdfwp-common .htbdfwp-footer__bottom .htbdfwp-site__regulation { position: absolute; top: -10px; right: 28px; border: solid 1px #CCC; padding: 8px 14px; font-size: 10px; margin-bottom: 10px; }

.htbdfwp-common .htbdfwp-footer__bottom .htbdfwp-jasracNumber { font-size: 9px; position: absolute; right: 28px; bottom: -18px; font-weight: normal; }

.htbdfwp-common .htbdfwp-footer small { clear: both; display: block; background: #689f38; color: #FFF; text-align: center; font-size: 11px; padding: 10px 14px 6px; }

.htbdfwp-common .htbdfwp-footer small a { color: #FFF; text-decoration: none; }

/*------------------------------------
トップへonちゃん
--------------------------------------*/
.htbdfwp-common .htbdfwp-pageTop { width: 126px; height: auto; position: fixed; right: -6px; bottom: 6px; z-index: 600; }

.htbdfwp-common .htbdfwp-pageTop .htbdfwp-on { -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 0; display: none; }

.htbdfwp-common .htbdfwp-pageTop a img { position: absolute; bottom: 0; right: 0; }

.htbdfwp-common .htbdfwp-pageTop a img.htbdfwp-pageTop__img02 { display: none; animation-name: swing; animation-duration: 0.6s; animation-timing-function: ease; animation-iteration-count: 1; }

@keyframes swing { 0% { transform: scale(1);
    bottom: 0; }
  50% { transform: scale(1.2);
    bottom: 60px; }
  100% { transform: scale(1);
    bottom: 0; } }

.htbdfwp-side { overflow: hidden; text-align: center; width: 300px; margin: auto; padding-top: 30px; }

.htbdfwp-side img { margin: auto auto 14px; width: 300px; }

.htbdfwp-side { float: right; }

.htbdfwp-side .htbdfwp-common { z-index: 300; }

.htbdfwp-konoji .htbdfwp-container { margin-right: 332px; }

.htbdfwp-konoji .htbdfwp-contena { width: 100%; float: left; min-width: 673px; }

.htbdfwp-content { margin-left: auto; margin-right: auto; }

.htbdfwp-common .htbdfwp-snsButton__share { border-radius: 4px; color: #FFF; text-align: center; line-height: 1; }

.htbdfwp-common .htbdfwp-snsButton__share--tw { background: #1DA1F2; color: #FFF !important; text-decoration: none !important; }

.htbdfwp-common .htbdfwp-snsButton__share--tw:hover { background: #0c85d0; }

.htbdfwp-common .htbdfwp-snsButton__share--fb { background: #4267B2; color: #FFF !important; text-decoration: none !important; }

.htbdfwp-common .htbdfwp-snsButton__share--fb:hover { background: #34518d; }

.htbdfwp-common .htbdfwp-snsButton__share--line { display: none !important; background: #00B900; }

.htbdfwp-common .htbdfwp-snsButton__share--line:hover { background: #008600; }

.htbdfwp-common .htbdfwp-snsShare span { font-weight: 600; }

.htbdfwp-common .htbdfwp-snsShare__fixed { display: none; position: fixed; left: 0; top: 320px; background: #f4f4f4; padding: 10px 10px 4px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

.htbdfwp-common .htbdfwp-snsShare__fixed .htbdfwp-snsButton__share { display: block; width: 88px; margin: 0 auto 6px; padding: 4px 0; font-size: 13px; color: #FFF; text-decoration: none; }

.htbdfwp-common .htbdfwp-snsShare__fixed .htbdfwp-snsButton__share .fa { display: block; font-size: 18px; margin: 2px auto 4px; }

.htbdfwp-common .htbdfwp-snsShare__fixed .htbdfwp-snsButton__share--fb { margin: 6px auto; padding: 6px 0; }

.htbdfwp-common .htbdfwp-snsShare__fixed .htbdfwp-snsButton__share--fb:hover { background: #34518d; }

.htbdfwp-common .htbdfwp-snsShare__fixed .htbdfwp-snsButton__share--fb .fa { display: inline-block; font-size: 13px; margin: 0 4px; }

.htbdfwp-common .htbdfwp-snsShare__fixed .htbdfwp-snsButton__share--line img { display: block; height: 22px; margin: auto; }

.htbdfwp-common .htbdfwp-snsShare__conts { clear: both; padding: 14px 0; max-width: 610px; margin: auto; text-align: center; }

.htbdfwp-common .htbdfwp-snsShare__conts .htbdfwp-snsButton { display: table; table-layout: fixed; width: auto; border-spacing: 8px; margin: auto; position: relative; font-size: 14px; background: #f4f4f4; border-radius: 3px; }

.htbdfwp-common .htbdfwp-snsShare__conts .htbdfwp-snsButton .fb-like { position: absolute; }

.htbdfwp-common .htbdfwp-snsShare__conts .htbdfwp-snsButton__share { display: table-cell !important; vertical-align: middle; white-space: nowrap; }

.htbdfwp-common .htbdfwp-snsShare__conts .htbdfwp-snsButton__share .fa { font-size: 20px; position: relative; top: 1px; }

.htbdfwp-common .htbdfwp-snsShare__conts .htbdfwp-snsButton__share--tw { width: 50%; }

.htbdfwp-common .htbdfwp-snsShare__conts .htbdfwp-snsButton__share--fb { color: #FFF; display: inline-block; padding: 16px; margin-left: 96px; border-radius: 4px; font-size: 13px; }

.htbdfwp-common .htbdfwp-snsShare__conts .htbdfwp-snsButton__share--line { width: 30%; }

.htbdfwp-common .htbdfwp-snsShare__conts .htbdfwp-snsButton__share--line img { height: 20px; margin-right: 4px; position: relative; top: -1px; vertical-align: middle; }

.htbdfwp-common #htbdfwp-headline_kinkyu { background: #F44336; color: #FFF; display: table; table-layout: fixed; width: 100%; border-collapse: separate; border-spacing: 3px 6px; box-shadow: 0px 3px 0px #f1f1f1; }

.htbdfwp-common #htbdfwp-headline_kinkyu * { text-decoration: none; }

.htbdfwp-common #htbdfwp-headline_kinkyu .htbdfwp-headline_kinkyu_marquee { color: #252525; font-size: 13px; font-weight: 600; }

.htbdfwp-common #htbdfwp-headline_kinkyu .htbdfwp-headline_kinkyu_marquee > div { width: auto !important; }

.htbdfwp-common #htbdfwp-headline_kinkyu .htbdfwp-headline_kinkyu_marquee a { font-weight: 600; color: #0096ba; }

.htbdfwp-common #htbdfwp-headline_kinkyu > div { display: table-cell; vertical-align: middle; }

.htbdfwp-common #htbdfwp-headline_kinkyu .htbdfwp-headline_kinkyu_title { width: 6em; text-align: center; }

.htbdfwp-common #htbdfwp-headline_kinkyu .htbdfwp-headline_kinkyu_title a { font-size: 15px; color: #FFF; font-weight: 600; }

.htbdfwp-common #htbdfwp-headline_kinkyu .htbdfwp-headline_kinkyu_title p { font-weight: 600; }

.htbdfwp-common #htbdfwp-headline_kinkyu .htbdfwp-headline_kinkyu_topics { background: #FFF; padding: 8px; overflow: hidden; }

.htbdfwp-common #htbdfwp-headline_kinkyu .htbdfwp-btn_headline-list { width: 68px; text-align: center; }

.htbdfwp-common #htbdfwp-headline_kinkyu .htbdfwp-btn_headline-list a { display: block; font-weight: 600; border: solid 1px #FFF; border-radius: 3px; padding: 4px 8px; margin: 0 6px; font-size: 12px; color: #FFF; font-weight: 600; }

.htbdfwp-common #htbdfwp-headline_kinkyu .htbdfwp-btn_headline-list a:hover { background: rgba(255, 255, 255, 0.2); }