@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

form {
  margin: 0 0 20px;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding-bottom: 5px;
  margin-bottom: 20px;
  color: #222;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

legend small {
  font-size: 0.9em;
  color: #555555;
}

label,
input,
button,
select,
textarea {
  font-size: 1em;
  font-weight: normal;
  line-height: 1.65;
}

input,
button,
select,
textarea {
  font-size: 1em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label {
  display: block;
  margin-bottom: 5px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
  line-height: 20px;
  font-size: 1em;
  color: #222;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  vertical-align: middle;
}

input,
textarea,
.uneditable-input {
  width: 206px;
}

textarea {
  height: auto;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(183, 229, 140, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(183, 229, 140, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(183, 229, 140, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(183, 229, 140, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  *margin-top: 0;
  /* IE7 */
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

select,
input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */
  line-height: 30px;
}

select {
  width: 220px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  font-size: 1em;
  padding-top: 2px;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto rgba(183, 229, 140, 0.6);
  outline-offset: -2px;
}

.uneditable-input,
.uneditable-textarea {
  color: #999999;
  background-color: #fcfcfc;
  border-color: #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  cursor: not-allowed;
}

.uneditable-input {
  overflow: hidden;
  white-space: nowrap;
}

.uneditable-textarea {
  width: auto;
  height: auto;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}

.radio,
.checkbox {
  min-height: 20px;
  padding-left: 20px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}

.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}

.input-mini {
  width: 60px;
}

.input-small {
  width: 90px;
}

.input-medium {
  width: 150px;
}

.input-large {
  width: 210px;
}

.input-xlarge {
  width: 270px;
}

.input-xxlarge {
  width: 530px;
}

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
  float: none;
  margin-left: 0;
}

.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
  display: inline-block;
}

input,
textarea,
.uneditable-input {
  margin-left: 0;
}

.controls-row [class*="span"] + [class*="span"] {
  margin-left: 17px;
}

input.span12, textarea.span12, .uneditable-input.span12 {
  width: 893px;
}

input.span11, textarea.span11, .uneditable-input.span11 {
  width: 816px;
}

input.span10, textarea.span10, .uneditable-input.span10 {
  width: 739px;
}

input.span9, textarea.span9, .uneditable-input.span9 {
  width: 662px;
}

input.span8, textarea.span8, .uneditable-input.span8 {
  width: 585px;
}

input.span7, textarea.span7, .uneditable-input.span7 {
  width: 508px;
}

input.span6, textarea.span6, .uneditable-input.span6 {
  width: 431px;
}

input.span5, textarea.span5, .uneditable-input.span5 {
  width: 354px;
}

input.span4, textarea.span4, .uneditable-input.span4 {
  width: 277px;
}

input.span3, textarea.span3, .uneditable-input.span3 {
  width: 200px;
}

input.span2, textarea.span2, .uneditable-input.span2 {
  width: 123px;
}

input.span1, textarea.span1, .uneditable-input.span1 {
  width: 46px;
}

.controls-row {
  *zoom: 1;
}

.controls-row:before,
.controls-row:after {
  display: table;
  content: "";
  line-height: 0;
}

.controls-row:after {
  clear: both;
}

.controls-row [class*="span"],
.row-fluid .controls-row [class*="span"] {
  float: left;
}

.controls-row .checkbox[class*="span"],
.controls-row .radio[class*="span"] {
  padding-top: 5px;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent;
}

.control-group.warning .control-label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #c09853;
}

.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #c09853;
}

.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  border-color: #c09853;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}

.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853;
}

.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #b94a48;
}

.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: #b94a48;
}

.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}

.control-group.success .control-label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847;
}

.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847;
}

.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  border-color: #468847;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}

.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}

.control-group.info .control-label,
.control-group.info .help-block,
.control-group.info .help-inline {
  color: #3a87ad;
}

.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  color: #3a87ad;
}

.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  border-color: #3a87ad;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
  border-color: #2d6987;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
}

.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #3a87ad;
}

input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}

.form-actions {
  padding: 19px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1;
}

.form-actions:before,
.form-actions:after {
  display: table;
  content: "";
  line-height: 0;
}

.form-actions:after {
  clear: both;
}

.help-block,
.help-inline {
  color: #595959;
}

.help-block {
  display: block;
  margin-bottom: 10px;
}

.help-inline {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  vertical-align: middle;
  padding-left: 5px;
}

.input-append,
.input-prepend {
  margin-bottom: 5px;
  font-size: 0;
  white-space: nowrap;
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu {
  font-size: 14px;
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  vertical-align: top;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
  z-index: 2;
}

.input-append .add-on,
.input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 20px;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #eeeeee;
  border: 1px solid #ccc;
}

.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn,
.input-append .btn-group > .dropdown-toggle,
.input-prepend .btn-group > .dropdown-toggle {
  vertical-align: top;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.input-append .active,
.input-prepend .active {
  background-color: #a9dba9;
  border-color: #46a546;
}

.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px;
}

.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.input-append input,
.input-append select,
.input-append .uneditable-input {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
  margin-left: -1px;
}

.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.input-prepend.input-append .btn-group:first-child {
  margin-left: 0;
}

input.search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
  margin-bottom: 0;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

/* Allow for input prepend/append in search forms */
.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.form-search .input-append .search-query {
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px;
}

.form-search .input-append .btn {
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius: 0 14px 14px 0;
  border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .search-query {
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius: 0 14px 14px 0;
  border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .btn {
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px;
}

.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-bottom: 0;
  vertical-align: middle;
}

.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none;
}

.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
  display: inline-block;
}

.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0;
}

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0;
}

.control-group {
  margin-bottom: 10px;
}

legend + .control-group {
  margin-top: 20px;
  -webkit-margin-top-collapse: separate;
}

.form-horizontal .control-group {
  margin-bottom: 20px;
  *zoom: 1;
}

.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
  display: table;
  content: "";
  line-height: 0;
}

.form-horizontal .control-group:after {
  clear: both;
}

.form-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}

.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0;
}

.form-horizontal .controls:first-child {
  *padding-left: 180px;
}

.form-horizontal .help-block {
  margin-bottom: 0;
}

.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block {
  margin-top: 10px;
}

.form-horizontal .form-actions {
  padding-left: 180px;
}

@media (max-width: 767px) {
  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"] {
    display: inline-block;
    width: auto;
  }

  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 0;
  }
}
@media (max-width: 480px) {
  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc;
  }

  .form-horizontal .control-label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left;
  }

  .form-horizontal .controls {
    margin-left: 0;
  }

  .form-horizontal .control-list {
    padding-top: 0;
  }

  .form-horizontal .form-actions {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }

  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 17px;
  }

  input.span12, textarea.span12, .uneditable-input.span12 {
    width: 893px;
  }

  input.span11, textarea.span11, .uneditable-input.span11 {
    width: 816px;
  }

  input.span10, textarea.span10, .uneditable-input.span10 {
    width: 739px;
  }

  input.span9, textarea.span9, .uneditable-input.span9 {
    width: 662px;
  }

  input.span8, textarea.span8, .uneditable-input.span8 {
    width: 585px;
  }

  input.span7, textarea.span7, .uneditable-input.span7 {
    width: 508px;
  }

  input.span6, textarea.span6, .uneditable-input.span6 {
    width: 431px;
  }

  input.span5, textarea.span5, .uneditable-input.span5 {
    width: 354px;
  }

  input.span4, textarea.span4, .uneditable-input.span4 {
    width: 277px;
  }

  input.span3, textarea.span3, .uneditable-input.span3 {
    width: 200px;
  }

  input.span2, textarea.span2, .uneditable-input.span2 {
    width: 123px;
  }

  input.span1, textarea.span1, .uneditable-input.span1 {
    width: 46px;
  }
}
.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }

  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }

  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }

  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-control.right {
  left: auto;
  right: 0;
}

.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}

.carousel-control .icon-prev:before {
  content: '¥2039';
}

.carousel-control .icon-next:before {
  content: '¥203a';
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 ¥9;
  background-color: transparent;
}

.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption .btn {
  text-shadow: none;
}

.nav-tabs > li {
  float: left;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  cursor: default;
}

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}

.nav-tabs.nav-justified > li {
  float: none;
}

.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}

.navbar-collapse.in {
  overflow-y: auto;
}

html, body {
  height: 100%;
}

#wrapper {
  clear: both;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin-bottom: -614px;
}
#wrapper #push {
  height: 614px;
}

#footer {
  clear: both;
  position: relative;
  height: 614px;
}

body {
  font-family: "Hiragino Kaku Gothic Pro", Meiryo, "MS PGothic", sans-serif;
  font-size: 0.9em;
  line-height: 1.65;
  color: #222;
  -webkit-text-size-adjust: none;
  -ms-touch-action: none !important;
  -webkit-font-smoothing: antialiased;
}

input, textarea {
  font-family: "Hiragino Kaku Gothic Pro", Meiryo, "MS PGothic", sans-serif;
  font-size: 1em;
  color: #222;
}

input[type="button"], input[type="submit"] {
  -webkit-appearance: none;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.2;
}

p {
  margin-bottom: 1.5em;
}

a {
  color: #8b0f13;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
a img {
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

a:hover {
  color: #ad3135;
  text-decoration: none;
}
a:hover img {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}

::selection {
  background: #8b0f13;
  color: #fff;
}

::-moz-selection {
  background: #8b0f13;
  color: #fff;
}

#header {
  position: relative;
  width: 100%;
  height: 95px;
  z-index: auto;
}
#header #header-holder {
  position: relative;
  width: 980px;
  height: 133px;
  margin: 0 auto;
}
#header h1 {
  display: block;
  position: absolute;
  left: 0px;
  top: 16px;
  width: 284px;
  height: 63px;
}
#header .headerDescription {
  display: block;
  position: absolute;
  left: 361px;
  top: 54px;
  font-size: 13px;
}
#header #headerHowtoBtn {
  display: block;
  position: absolute;
  right: 0;
  top: 44px;
  font-size: 20px;
  line-height: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 16px 18px;
  color: #fff;
  background-color: #8b0f13;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -ms-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
#header #headerHowtoBtn .btnicon {
  padding-right: 10px;
  vertical-align: middle;
  display: inline-block;
}
#header #headerHowtoBtn .btnicon img {
  width: 25px;
  height: auto;
}
#header #headerHowtoBtn:hover {
  color: #fff;
  background-color: rgba(140, 16, 20, 0.8);
}
#header #gnavi {
  position: relative;
  width: auto;
  height: 32px;
}
#header #gnavi #gnavi-holder {
  position: absolute;
  width: 620px;
  height: 32px;
  margin-top: 40px;
  right: 0;
  border-left: solid 1px rgba(75, 63, 57, 0.3);
}
#header #gnavi #gnavi-holder .nav {
  display: inline-block;
  font-size: 18px;
  height: 32px;
  line-height: 32px;
  border-right: solid 1px rgba(75, 63, 57, 0.3);
  margin-left: -4px;
  width: 8em;
}
#header #gnavi #gnavi-holder .nav a {
  display: block;
  color: #4b3f39;
  text-align: center;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
#header #gnavi #gnavi-holder .nav a:hover {
  opacity: 0.7;
}
#header #gnavi #gnavi-holder .nav.current a {
  background: #4b3f39;
}
#header #gnavi #gnavi-holder #gnaviMenu1 {
  margin-left: 0px;
}
#header #gnavi #gnavi-holder #gnaviMenu4 a {
  padding: 0 26px;
}
#header #gnavi #gnavi-holder #gnaviSearch {
  display: inline-block;
  height: 32px;
  float: right;
}
#header #gnavi #gnavi-holder #gnaviSearch form {
  width: 310px;
  background: #e2e2e2;
  margin-left: -5px;
  margin-top: -10px;
}
#header #gnavi #gnavi-holder #gnaviSearch input[type="text"] {
  box-sizing: border-box;
  height: 40px;
  width: 270px;
  background: #e2e2e2;
  font-size: 18px;
  line-height: 40px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: none;
  padding: 13px 0 0 16px;
}
#header #gnavi #gnavi-holder #gnaviSearch input[type="submit"] {
  display: inline-block;
  border: none;
  padding: 0 5px 0 0;
  background: url(../img/common_icon_search.svg) no-repeat center center;
  width: 23px;
  height: 23px;
  -webkit-background-size: 23px 23px;
  -moz-background-size: 23px 23px;
  -ms-background-size: 23px 23px;
  -o-background-size: 23px 23px;
  background-size: 23px 23px;
  text-indent: -999px;
  cursor: pointer;
}

#footer {
  position: relative;
  width: 100%;
  height: auto;
}
#footer #tel {
  width: 506px;
  margin: 0 auto 64px;
  padding-top: 92px;
}
#footer #footer-bg {
  background: #3b312c;
}
#footer #footer-bg #footer-holder {
  position: relative;
  width: 980px;
  margin: 0 auto;
}
#footer #footer-bg #footerLogo {
  position: absolute;
  width: 285px;
  height: 64px;
  right: 0;
  bottom: 74px;
}
#footer #footer-bg #footerCopyright {
  position: absolute;
  height: 13px;
  right: 0;
  bottom: 40px;
  text-align: right;
  font-size: 13px;
  color: #b2aaa3;
}
#footer #footer-bg #footerUnavi {
  padding: 40px 0 38px;
  *zoom: 1;
}
#footer #footer-bg #footerUnavi:after {
  content: "";
  display: block;
  clear: both;
}
#footer #footer-bg #footerUnavi .footerUnavi-holder {
  width: 185px;
  float: left;
  margin-right: 32px;
  border-top: dotted 1px rgba(255, 255, 255, 0.4);
  line-height: 1.2;
}
#footer #footer-bg #footerUnavi .footerUnavi-holder li {
  border-bottom: dotted 1px rgba(255, 255, 255, 0.4);
}
#footer #footer-bg #footerUnavi .footerUnavi-holder li a {
  display: block;
  padding: 12px 7px;
  color: #fff;
}
#footer #footer-bg #footerUnavi .footerUnavi-holder li a:hover {
  color: rgba(255, 255, 255, 0.75);
}

.article {
  position: relative;
}
.article .articleHeader {
  *zoom: 1;
}
.article .articleHeader:after {
  content: "";
  display: block;
  clear: both;
}
.article h1 {
  float: left;
  font-size: 36px;
  font-weight: bold;
  color: #3c322c;
}
.article h2 {
  float: left;
  font-size: 26px;
  font-weight: bold;
  color: #3c322c;
}
.article .btnGo {
  float: right;
  margin-left: 10px;
}
.article#topPguide .articleHeader h2, .article#topPguide .articleHeader h3, .article#topNews .articleHeader h2, .article#topNews .articleHeader h3, .article#topLive .articleHeader h2, .article#topLive .articleHeader h3, .article#topRecommends .articleHeader h2, .article#topRecommends .articleHeader h3, .article#topCasts .articleHeader h2, .article#topCasts .articleHeader h3 {
  font-size: 36px;
  font-weight: bold;
  color: #3c322c;
}

.contents {
  position: relative;
  padding-top: 40px;
}
.contents .articleHeader {
  *zoom: 1;
}
.contents .articleHeader:after {
  content: "";
  display: block;
  clear: both;
}
.contents h1 {
  float: left;
  font-size: 36px;
  font-weight: bold;
  color: #3c322c;
}
.contents h2 {
  float: left;
  font-size: 26px;
  font-weight: bold;
  color: #3c322c;
}
.contents .btnGo {
  float: right;
}
.contents#eyecatch .articleHeader h2, .contents#eyecatch .articleHeader h3, .contents#programsAndCast .articleHeader h2, .contents#programsAndCast .articleHeader h3, .contents#castListArea .articleHeader h2, .contents#castListArea .articleHeader h3, .contents#allCastListArea .articleHeader h2, .contents#allCastListArea .articleHeader h3, .contents#recommends .articleHeader h2, .contents#recommends .articleHeader h3, .contents#infoLiveportal .articleHeader h2, .contents#infoLiveportal .articleHeader h3, .contents#aboutLiveportal .articleHeader h2, .contents#aboutLiveportal .articleHeader h3, .contents#shutsuenshashosai .articleHeader h2, .contents#shutsuenshashosai .articleHeader h3 {
  font-size: 36px;
  font-weight: bold;
  color: #3c322c;
}

.holder980 {
  width: 980px;
  margin: 0 auto;
  position: relative;
  *zoom: 1;
}
.holder980:after {
  content: "";
  display: block;
  clear: both;
}

.holder880 {
  width: 880px;
  margin: 0 auto;
  position: relative;
  *zoom: 1;
}
.holder880:after {
  content: "";
  display: block;
  clear: both;
}

.btnGo {
  display: block;
  font-size: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
  padding: 5px 18px;
}
.btnGo span {
  padding-right: 20px;
}

.btnGoLight {
  color: #3c322c;
  background-color: #fff;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -ms-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
.btnGoLight span {
  background: url(../img/common_icon_bullet_r_brown.svg) no-repeat right center;
  -webkit-background-size: 11px 13px;
  -moz-background-size: 11px 13px;
  -ms-background-size: 11px 13px;
  -o-background-size: 11px 13px;
  background-size: 11px 13px;
}
.btnGoLight:hover {
  color: #3c322c;
  background-color: rgba(255, 255, 255, 0.8);
}

.btnGoDark {
  color: #fff;
  background-color: #868686;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -ms-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
.btnGoDark span {
  background: url(../img/common_icon_bullet_r_white.svg) no-repeat right center;
  -webkit-background-size: 11px 13px;
  -moz-background-size: 11px 13px;
  -ms-background-size: 11px 13px;
  -o-background-size: 11px 13px;
  background-size: 11px 13px;
}
.btnGoDark:hover {
  color: #fff;
  background-color: rgba(135, 135, 135, 0.8);
}

.btnDatail {
  display: block;
  font-size: 16px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 3.4em;
  padding: 2px 11px;
  color: #fff;
  background-color: #8b0f13;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -ms-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
.btnDatail span {
  padding-right: 20px;
  background: url(../img/common_icon_bullet_r_white.svg) no-repeat right center;
  -webkit-background-size: 11px 13px;
  -moz-background-size: 11px 13px;
  -ms-background-size: 11px 13px;
  -o-background-size: 11px 13px;
  background-size: 11px 13px;
}
.btnDatail:hover {
  color: #fff;
  background-color: rgba(140, 16, 20, 0.8);
}

.btnBack {
  display: block;
  font-size: 16px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 7.5em;
  padding: 7px 11px;
  color: #222;
  background-color: #efefef;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -ms-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
.btnBack span {
  padding-left: 20px;
  background: url(../img/common_icon_bullet_l_brown.svg) no-repeat left center;
  -webkit-background-size: 11px 13px;
  -moz-background-size: 11px 13px;
  -ms-background-size: 11px 13px;
  -o-background-size: 11px 13px;
  background-size: 11px 13px;
}
.btnBack:hover {
  color: #222;
  background-color: rgba(240, 240, 240, 0.7);
}

.btnPrimary {
  display: inline-block;
  font-size: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: auto;
  padding: 19px 23px;
  line-height: 1;
  color: #fff;
  background-color: #8b0f13;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -ms-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
.btnPrimary span {
  padding-right: 20px;
  background: url(../img/common_icon_bullet_r_white.svg) no-repeat right center;
  -webkit-background-size: 11px 13px;
  -moz-background-size: 11px 13px;
  -ms-background-size: 11px 13px;
  -o-background-size: 11px 13px;
  background-size: 11px 13px;
}
.btnPrimary:hover {
  color: #fff;
  background-color: rgba(140, 16, 20, 0.8);
}

.btnSecondary {
  display: inline-block;
  font-size: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: auto;
  padding: 19px 23px;
  line-height: 1;
  color: #fff;
  background-color: #b0b0b0;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -ms-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
.btnSecondary span {
  padding-right: 20px;
  background: url(../img/common_icon_bullet_r_white.svg) no-repeat right center;
  -webkit-background-size: 11px 13px;
  -moz-background-size: 11px 13px;
  -ms-background-size: 11px 13px;
  -o-background-size: 11px 13px;
  background-size: 11px 13px;
}
.btnSecondary:hover {
  color: #fff;
  background-color: rgba(176, 176, 176, 0.8);
}

.programCatList {
  *zoom: 1;
}
.programCatList:after {
  content: "";
  display: block;
  clear: both;
}
.programCatList .programCat {
  display: inline-block;
  margin: 0 -1px 8px;
}
.programCatList .programCat a {
  display: block;
  font-size: 14px;
  line-height: 1;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  padding: 5px 8px;
  margin: 0;
  color: #fff;
  font-weight: bold;
  background-color: #aaa;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  cursor: pointer;
}
.programCatList .programCat a:hover {
  color: #fff;
  opacity: 0.8;
}
.programCatList .programCat a.active {
  cursor: default;
}
.programCatList .programCat a.active:hover {
  opacity: 1;
}
.programCatList .programCat.programCat-all a {
  background-color: #8b0f13;
}
.programCatList .programCat.programCat-politics a {
  background-color: #6e4f84;
}
.programCatList .programCat.programCat-debate a {
  background-color: #375586;
}
.programCatList .programCat.programCat-culture a {
  background-color: #67a2a7;
}
.programCatList .programCat.programCat-movie a {
  background-color: #387e46;
}
.programCatList .programCat.programCat-music a {
  background-color: #2c897b;
}
.programCatList .programCat.programCat-info a {
  background-color: #cebc70;
}
.programCatList .programCat.programCat-kids a {
  background-color: #d5865e;
}
.programCatList .programCat.programCat-stage a {
  background-color: #a2a354;
}
.programCatList .programCat.programCat-beauty a {
  background-color: #cc7b79;
}

.shukanProgramCatList {
  *zoom: 1;
}
.shukanProgramCatList:after {
  content: "";
  display: block;
  clear: both;
}
.shukanProgramCatList .programCat {
  display: inline-block;
  margin: 0 -1px 8px;
}
.shukanProgramCatList .programCat a {
  display: block;
  font-size: 14px;
  line-height: 1;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  padding: 5px 8px;
  margin: 0;
  color: #fff;
  font-weight: bold;
  background-color: #aaa !important;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  cursor: pointer;
}
.shukanProgramCatList .programCat a:hover {
  color: #fff;
  opacity: 0.8;
}
.shukanProgramCatList .programCat a.active {
  cursor: default;
}
.shukanProgramCatList .programCat a.active:hover {
  opacity: 1;
}
.shukanProgramCatList .programCat.programCat-all a.active {
  background-color: #8b0f13 !important;
}
.shukanProgramCatList .programCat.programCat-politics a.active {
  background-color: #6e4f84 !important;
}
.shukanProgramCatList .programCat.programCat-debate a.active {
  background-color: #375586 !important;
}
.shukanProgramCatList .programCat.programCat-culture a.active {
  background-color: #67a2a7 !important;
}
.shukanProgramCatList .programCat.programCat-movie a.active {
  background-color: #387e46 !important;
}
.shukanProgramCatList .programCat.programCat-music a.active {
  background-color: #2c897b !important;
}
.shukanProgramCatList .programCat.programCat-info a.active {
  background-color: #cebc70 !important;
}
.shukanProgramCatList .programCat.programCat-kids a.active {
  background-color: #d5865e !important;
}
.shukanProgramCatList .programCat.programCat-stage a.active {
  background-color: #a2a354 !important;
}
.shukanProgramCatList .programCat.programCat-beauty a.active {
  background-color: #cc7b79 !important;
}

#topMainvisual {
  background: #000;
  position: relative;
}
#topMainvisual .holder980 {
  height: 551px;
}
#topMainvisual .topMainvisualInfo {
  position: absolute;
  box-sizing: border-box;
  width: 200px;
  height: auto;
  right: 0;
  bottom: 0;
  padding: 10px 10px 12px;
  background: #333333;
  text-align: center;
}
#topMainvisual .topMainvisualInfo a {
  display: block;
  margin-bottom: 2px;
  height: 28px;
  width: 100%;
  background: #e2e2e2;
}
#topMainvisual .topMainvisualInfo a img {
  padding: 5px 8px;
}
#topMainvisual .topMainvisualInfo .topMainvisualdate {
  color: #fff;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  margin-top: 12px;
  margin-bottom: 3px;
}
#topMainvisual .topMainvisualInfo .time {
  color: #fff;
  font-size: 40px;
  line-height: 1;
  font-family: "DINNextLTPro-Medium", "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.topMainvisualTitle {
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
  background: #333333;
  padding: 20px 0 22px;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
}

#topNewsBlock {
  position: relative;
  z-index: 99;
  background: #dfdfdf;
  padding-top: 60px;
}
#topNewsBlock:after {
  content: "";
  display: block;
  position: absolute;
  background: url(../img/common_bg_grade_bottom.png) no-repeat center top;
  height: 19px;
  width: 100%;
  bottom: -18px;
  left: 0;
}
#topNewsBlock #topNews {
  padding-bottom: 60px;
}
#topNewsBlock #topNews .articleHeader {
  margin-bottom: 40px;
}
#topNewsBlock #topNews .topNewsItems {
  padding-left: 50px;
}
#topNewsBlock #topNews .topNewsItems li {
  margin-bottom: 12px;
  font-size: 15px;
  line-height: 1.2;
}
#topNewsBlock #topNews .topNewsItems li a {
  color: #3c322c;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
#topNewsBlock #topNews .topNewsItems li a:hover {
  color: #5e544e;
}
#topNewsBlock #topNews .topNewsItems li span {
  display: inline-block;
  font-family: "DINNextLTPro-Medium", "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  width: 5em;
  margin-right: 0.5em;
  font-size: 24px;
  vertical-align: middle;
}

#topPguideBlock {
  position: relative;
  z-index: 96;
  background: #dfdfdf;
  padding-top: 60px;
}
#topPguideBlock:after {
  content: "";
  display: block;
  position: absolute;
  background: url(../img/common_bg_grade_bottom.png) no-repeat center top;
  height: 19px;
  width: 100%;
  bottom: -18px;
  left: 0;
}
#topPguideBlock #topPguide {
  padding-bottom: 60px;
  *zoom: 1;
}
#topPguideBlock #topPguide:after {
  content: "";
  display: block;
  clear: both;
}
#topPguideBlock #topPguide .articleHeader {
  margin-bottom: 30px;
}
#topPguideBlock #topPguide .articleHeader h1 span, #topPguideBlock #topPguide .articleHeader h2 span, #topPguideBlock #topPguide .articleHeader h3 span, #topPguideBlock #topPguide .articleHeader h4 span {
  font-size: 22px;
  margin-left: -0.1em;
  vertical-align: middle;
  line-height: 36px;
}
#topPguideBlock #topPguide .articleHeader h2 {
  margin-bottom: 14px;
}
#topPguideBlock #topPguide #pguideNowonair {
  float: left;
  position: relative;
  box-sizing: border-box;
  width: 360px;
  height: 327px;
  background: #fff;
  border: solid 8px #8b0f13;
}
#topPguideBlock #topPguide #pguideNowonair #pguideNowonairTitle {
  margin-top: -8px;
  height: 43px;
  background: #8b0f13;
  text-align: center;
  font-size: 26px;
  line-height: 43px;
  color: #fff;
  font-family: "DINNextLTPro-Medium", "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
#topPguideBlock #topPguide #pguideNowonair .pguideNowonairImg {
  position: absolute;
  right: 22px;
  top: 166px;
}
#topPguideBlock #topPguide #pguideNowonair .pguideNowonairImg img {
  width: 120px;
  height: auto;
}
#topPguideBlock #topPguide #pguideFromnow {
  float: left;
  width: 620px;
  position: relative;
}
#topPguideBlock #topPguide #pguideFromnow .slider-controls {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 43px;
  background: #fafafa;
}
#topPguideBlock #topPguide #pguideFromnow .slider-controls h3 {
  float: none;
  text-align: center;
  font-size: 26px;
  line-height: 43px;
  font-family: "DINNextLTPro-Medium", "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
#topPguideBlock #topPguide #pguideFromnow .slider-controls h3 span.currentYobi {
  font-size: 21px;
  font-weight: bold;
  margin: 0 -0.3em;
}
#topPguideBlock #topPguide #pguideFromnow .slider-controls .slider-control {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 43px;
  height: 43px;
  background: #b2aaa3 url(../img/common_icon_arrow_l.svg) no-repeat center center;
  -webkit-background-size: 14px 21px;
  -moz-background-size: 14px 21px;
  -ms-background-size: 14px 21px;
  -o-background-size: 14px 21px;
  background-size: 14px 21px;
  overflow: hidden;
  text-indent: -999px;
  cursor: pointer;
}
#topPguideBlock #topPguide #pguideFromnow .slider-controls #sliderForward {
  left: auto;
  right: 0;
  background: #b2aaa3 url(../img/common_icon_arrow_r.svg) no-repeat center center;
  -webkit-background-size: 14px 21px;
  -moz-background-size: 14px 21px;
  -ms-background-size: 14px 21px;
  -o-background-size: 14px 21px;
  background-size: 14px 21px;
}
#topPguideBlock #topPguide #pguideFromnow #slider-wrapper {
  position: absolute;
  left: 0;
  top: 43px;
  height: 284px;
  width: 620px;
  background: #fff;
  overflow: hidden;
}
#topPguideBlock #topPguide #pguideFromnow #slider-wrapper #today, #topPguideBlock #topPguide #pguideFromnow #slider-wrapper #tommorow {
  float: left;
}
#topPguideBlock #topPguide #pguideFromnow #slider-wrapper .pguideProgram {
  float: left;
  padding: 12px 20px 15px;
}
#topPguideBlock #topPguide .pguideProgram {
  padding: 12px 15px 15px;
  width: 180px;
}
#topPguideBlock #topPguide .pguideProgram h4 {
  float: none;
  font-size: 40px;
  line-height: 1;
  margin-bottom: 6px;
  color: #8b0f13;
  font-family: "DINNextLTPro-Medium", "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
#topPguideBlock #topPguide .pguideProgram h5 {
  height: 2.6em;
  font-size: 23px;
  margin-bottom: 8px;
  line-height: 1.3;
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
}
#topPguideBlock #topPguide .pguideProgram h5 a {
  color: #3c322c;
}
#topPguideBlock #topPguide .pguideProgram h5 a:hover {
  color: #444444;
}
#topPguideBlock #topPguide .pguideProgram p {
  max-height: 7.5em;
  line-height: 1.5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  -webkit-line-clamp: 5;
  -moz-line-clamp: 5;
  -ms-line-clamp: 5;
  -o-line-clamp: 5;
  line-clamp: 5;
  margin-bottom: 4px;
}
#topPguideBlock #topPguide .pguideProgram .btnDatail {
  float: right;
}

#topLive {
  z-index: 99;
  padding-top: 70px;
  padding-bottom: 20px;
}
#topLive:after {
  content: "";
  display: block;
  position: absolute;
  background: url(../img/common_bg_white_bottom.png) no-repeat center top;
  height: 19px;
  width: 100%;
  bottom: -18px;
  left: 0;
}
#topLive .articleHeader {
  margin-bottom: 50px;
}
#topLive .liveRow {
  *zoom: 1;
  margin-bottom: 40px;
  margin-left: -60px;
}
#topLive .liveRow:after {
  content: "";
  display: block;
  clear: both;
}
#topLive .liveRow .program {
  float: left;
  width: 460px;
  margin-left: 60px;
  margin-bottom: 0px;
}
#topLive .liveRow .program .programImg {
  display: block;
  width: 460px;
}
#topLive .liveRow .program .programImg img {
  width: 100%;
  height: auto;
}
#topLive .liveRow .program .programInfo {
  padding: 14px;
}
#topLive .liveRow .program .programInfo h2, #topLive .liveRow .program .programInfo h3, #topLive .liveRow .program .programInfo h4 {
  float: none;
  font-size: 30px;
  font-weight: bold;
  color: #3c322c;
  margin-bottom: 16px;
}
#topLive .liveRow .program .programInfo p {
  margin-bottom: 16px;
}
#topLive .liveRow .program .programInfo .programChList {
  float: left;
}
#topLive .liveRow .program .programInfo .programDetail {
  float: right;
}

#topRecommends {
  z-index: 98;
  padding-top: 70px;
  padding-bottom: 20px;
  background: #f3f2f0;
}
#topRecommends:after {
  content: "";
  display: block;
  position: absolute;
  background: url(../img/common_bg_beige_bottom.png) no-repeat center top;
  height: 19px;
  width: 100%;
  bottom: -18px;
  left: -200px;
}
#topRecommends .articleHeader {
  margin-bottom: 50px;
}
#topRecommends .recommendsRow {
  *zoom: 1;
  margin-bottom: 40px;
  margin-left: -60px;
}
#topRecommends .recommendsRow:after {
  content: "";
  display: block;
  clear: both;
}
#topRecommends .recommendsRow .program {
  float: left;
  width: 460px;
  margin-left: 60px;
  margin-bottom: 0px;
}
#topRecommends .recommendsRow .program .programImg {
  display: block;
  width: 460px;
}
#topRecommends .recommendsRow .program .programImg img {
  width: 100%;
  height: auto;
}
#topRecommends .recommendsRow .program .programInfo {
  padding: 14px;
}
#topRecommends .recommendsRow .program .programInfo h2, #topRecommends .recommendsRow .program .programInfo h3, #topRecommends .recommendsRow .program .programInfo h4 {
  float: none;
  font-size: 30px;
  font-weight: bold;
  color: #3c322c;
  margin-bottom: 16px;
  text-align: right;
}
#topRecommends .recommendsRow .program .programInfo p {
  margin-bottom: 16px;
}
#topRecommends .recommendsRow .program .programInfo .programChList {
  float: left;
}
#topRecommends .recommendsRow .program .programInfo .programChList a {
  display: block;
  float: left;
  margin-right: 2px;
  margin-bottom: 2px;
  height: 28px;
}
#topRecommends .recommendsRow .program .programInfo .programChList img {
  background: #e2e2e2;
  padding: 5px 8px;
}
#topRecommends .recommendsRow .program .programInfo .programDetail {
  float: right;
}

#topCasts {
  padding-top: 70px;
  z-index: 97;
}
#topCasts:after {
  content: "";
  display: block;
  position: absolute;
  background: url(../img/common_bg_white_bottom.png) no-repeat center top;
  height: 19px;
  width: 100%;
  bottom: -18px;
  left: 0;
}
#topCasts .articleHeader {
  margin-bottom: 50px;
}
#topCasts .carousel {
  padding-bottom: 60px;
}
#topCasts .carousel .carousel-indicators {
  display: none;
}
#topCasts .carousel .carousel-inner {
  width: 835px;
  height: 417px;
  margin: 0 auto;
}
#topCasts .carousel .carousel-inner .item {
  margin-left: -30px;
  *zoom: 1;
  height: 420px;
  width: 865px;
}
#topCasts .carousel .carousel-inner .item:after {
  content: "";
  display: block;
  clear: both;
}
#topCasts .carousel .carousel-inner .cast {
  float: left;
  width: 186px;
  margin-left: 30px;
  margin-bottom: 25px;
}
#topCasts .carousel .carousel-inner .cast:nth-child(even) {
  margin-top: 25px;
  margin-bottom: 0;
}
#topCasts .carousel .carousel-inner .cast a {
  color: #222;
}
#topCasts .carousel .carousel-inner .cast a:hover {
  color: #555;
}
#topCasts .carousel .carousel-inner .cast a:hover img {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
#topCasts .carousel .carousel-inner .cast a h3, #topCasts .carousel .carousel-inner .cast a h4 {
  color: #222;
}
#topCasts .carousel .carousel-inner .cast a h3:hover, #topCasts .carousel .carousel-inner .cast a h4:hover {
  color: #444444;
}
#topCasts .carousel .carousel-inner .cast .castImg img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 12px;
}
#topCasts .carousel .carousel-inner .cast h3 {
  float: none;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
#topCasts .carousel .carousel-inner .cast h3:after {
  content: "";
  display: block;
  height: 1px;
  width: 37px;
  background: #999;
  margin: 20px auto 0;
}
#topCasts .carousel .carousel-inner .cast p {
  height: 6.6em;
  line-height: 1.65;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  -webkit-line-clamp: 4;
  -moz-line-clamp: 4;
  -ms-line-clamp: 4;
  -o-line-clamp: 4;
  line-clamp: 4;
}
#topCasts .carousel .carousel-control {
  top: 95px;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  opacity: 1;
  filter: alpha(opacity=100);
  background: #959595 url(../img/common_icon_arrow_l.svg) no-repeat 11px center;
  -webkit-background-size: 14px 21px;
  -moz-background-size: 14px 21px;
  -ms-background-size: 14px 21px;
  -o-background-size: 14px 21px;
  background-size: 14px 21px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  text-indent: -999px;
}
#topCasts .carousel .carousel-control.right {
  left: auto;
  right: 0;
  background: #959595 url(../img/common_icon_arrow_r.svg) no-repeat 15px center;
  -webkit-background-size: 14px 21px;
  -moz-background-size: 14px 21px;
  -ms-background-size: 14px 21px;
  -o-background-size: 14px 21px;
  background-size: 14px 21px;
}

#nowonairFoot {
  display: none;
}

#breadcrumb {
  background: #f4f4f4;
  position: relative;
  padding: 15px 0;
}
#breadcrumb #breadcrumb-holder {
  width: 980px;
  margin: 0 auto;
  position: relative;
  line-height: 1;
}
#breadcrumb #breadcrumb-holder li {
  display: inline-block;
}
#breadcrumb #breadcrumb-holder li:after {
  content: ">";
  display: inline-block;
  margin: 0 0.5em 0 0.7em;
  color: #8b0f13;
}
#breadcrumb #breadcrumb-holder li:last-child:after {
  display: none;
}
#breadcrumb #breadcrumb-holder li a {
  color: #222;
}

#eyecatch {
  box-sizing: border-box;
  position: relative;
  background: #8b0f13;
  height: 240px;
  width: 100%;
  padding: 40px 0;
  color: #fff;
  overflow: hidden;
}
#eyecatch .holder980 {
  *zoom: 1;
  border-top: solid 1px rgba(255, 255, 255, 0.7);
  padding-top: 10px;
  height: 160px;
  position: relative;
}
#eyecatch .holder980:after {
  content: "";
  display: block;
  clear: both;
}
#eyecatch .holder980 h1, #eyecatch .holder980 h2 {
  float: left;
  font-weight: bold;
  font-size: 36px;
}
#eyecatch .holder980 .tagline {
  float: right;
  text-align: right;
  font-family: "DINNextLTPro-Medium", "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.25);
}
#eyecatch .holder980 .enTitme {
  position: absolute;
  font-family: "DINNextLTPro-Medium", "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 19px;
  color: rgba(255, 255, 255, 0.5);
  right: 0;
  bottom: -30px;
}
#eyecatch.eyecatchImg-shukanbangumihyo {
  background: url(../img/sub_eyecatch_red1_bg.png) repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#eyecatch.eyecatchImg-shukanbangumihyo .eyecatchImg {
  position: absolute;
  height: 240px;
  width: 100%;
  top: 0;
  left: 0;
  background: url(../img/sub_eyecatch_red1_img.png) no-repeat center top;
}
#eyecatch.eyecatchImg-bangumi-ichiran-result {
  display: none;
  background: url(../img/sub_eyecatch_yellow_bg.png) repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#eyecatch.eyecatchImg-bangumi-ichiran-result .eyecatchImg {
  position: absolute;
  height: 240px;
  width: 100%;
  top: 0;
  left: 0;
  background: url(../img/sub_eyecatch_orange_img.png) no-repeat center top;
}
#eyecatch.eyecatchImg-bangumi-ichiran {
  display: none;
  background: url(../img/sub_eyecatch_orange_bg.png) repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#eyecatch.eyecatchImg-bangumi-ichiran .eyecatchImg {
  position: absolute;
  height: 240px;
  width: 100%;
  top: 0;
  left: 0;
  background: url(../img/sub_eyecatch_orange_img.png) no-repeat center top;
}
#eyecatch.eyecatchImg-dhctheatertoha {
  background: url(../img/sub_eyecatch_yellow_bg.png) repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#eyecatch.eyecatchImg-dhctheatertoha .eyecatchImg {
  position: absolute;
  height: 240px;
  width: 100%;
  top: 0;
  left: 0;
  background: url(../img/sub_eyecatch_yellow_img.png) no-repeat center top;
}
#eyecatch.eyecatchImg-kaishagaiyou {
  background: url(../img/sub_eyecatch_red1_bg.png) repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#eyecatch.eyecatchImg-kaishagaiyou .eyecatchImg {
  position: absolute;
  height: 240px;
  width: 100%;
  top: 0;
  left: 0;
  background: url(../img/sub_eyecatch_red1_img.png) no-repeat center top;
}
#eyecatch.eyecatchImg-liveportal {
  background: url(../img/sub_eyecatch_green3_bg.png) repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#eyecatch.eyecatchImg-liveportal .eyecatchImg {
  position: absolute;
  height: 240px;
  width: 100%;
  top: 0;
  left: 0;
  background: url(../img/sub_eyecatch_green3_img.png) no-repeat center top;
}
#eyecatch.eyecatchImg-mailmagazine {
  background: url(../img/sub_eyecatch_purple3_bg.png) repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#eyecatch.eyecatchImg-mailmagazine .eyecatchImg {
  position: absolute;
  height: 240px;
  width: 100%;
  top: 0;
  left: 0;
  background: url(../img/sub_eyecatch_purple3_img.png) no-repeat center top;
}
#eyecatch.eyecatchImg-oshirase-ichiran {
  background: url(../img/sub_eyecatch_green2_bg.png) repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#eyecatch.eyecatchImg-oshirase-ichiran .eyecatchImg {
  position: absolute;
  height: 240px;
  width: 100%;
  top: 0;
  left: 0;
  background: url(../img/sub_eyecatch_green2_img.png) no-repeat center top;
}
#eyecatch.eyecatchImg-oshirase-shosai {
  background: url(../img/sub_eyecatch_green2_bg.png) repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#eyecatch.eyecatchImg-oshirase-shosai .eyecatchImg {
  position: absolute;
  height: 240px;
  width: 100%;
  top: 0;
  left: 0;
  background: url(../img/sub_eyecatch_green2_img.png) no-repeat center top;
}
#eyecatch.eyecatchImg-present-ichiran {
  background: url(../img/sub_eyecatch_blue_bg.png) repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#eyecatch.eyecatchImg-present-ichiran .eyecatchImg {
  position: absolute;
  height: 240px;
  width: 100%;
  top: 0;
  left: 0;
  background: url(../img/sub_eyecatch_blue_img.png) no-repeat center top;
}
#eyecatch.eyecatchImg-privacypolicy {
  background: url(../img/sub_eyecatch_red1_bg.png) repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#eyecatch.eyecatchImg-privacypolicy .eyecatchImg {
  position: absolute;
  height: 240px;
  width: 100%;
  top: 0;
  left: 0;
  background: url(../img/sub_eyecatch_red1_img.png) no-repeat center top;
}
#eyecatch.eyecatchImg-shutsuensha-ichiran {
  background: url(../img/sub_eyecatch_green1_bg.png) repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#eyecatch.eyecatchImg-shutsuensha-ichiran .eyecatchImg {
  position: absolute;
  height: 240px;
  width: 100%;
  top: 0;
  left: 0;
  background: url(../img/sub_eyecatch_green1_img.png) no-repeat center top;
}
#eyecatch.eyecatchImg-shutsuensha-shosai {
  background: url(../img/sub_eyecatch_green1_bg.png) repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#eyecatch.eyecatchImg-shutsuensha-shosai .eyecatchImg {
  position: absolute;
  height: 240px;
  width: 100%;
  top: 0;
  left: 0;
  background: url(../img/sub_eyecatch_green1_img.png) no-repeat center top;
}
#eyecatch.eyecatchImg-sitemap {
  background: url(../img/sub_eyecatch_red1_bg.png) repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#eyecatch.eyecatchImg-sitemap .eyecatchImg {
  position: absolute;
  height: 240px;
  width: 100%;
  top: 0;
  left: 0;
  background: url(../img/sub_eyecatch_red1_img.png) no-repeat center top;
}
#eyecatch.eyecatchImg-yokuarushitsumon {
  background: url(../img/sub_eyecatch_purple2_bg.png) repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#eyecatch.eyecatchImg-yokuarushitsumon .eyecatchImg {
  position: absolute;
  height: 240px;
  width: 100%;
  top: 0;
  left: 0;
  background: url(../img/sub_eyecatch_purple2_img.png) no-repeat center top;
}

.contents-bgw {
  z-index: 98;
  padding-top: 70px;
  padding-bottom: 50px;
}
.contents-bgw:after {
  content: "";
  display: block;
  position: absolute;
  background: url(../img/common_bg_white_bottom.png) no-repeat center top;
  height: 19px;
  width: 100%;
  bottom: -18px;
  left: 0;
}
.contents-bgw .articleHeader {
  margin-bottom: 40px;
}

.contents-bgb {
  padding-top: 70px;
  padding-bottom: 50px;
  background: #f3f2f0;
  z-index: 97;
}
.contents-bgb:after {
  content: "";
  display: block;
  position: absolute;
  background: url(../img/common_bg_beige_bottom.png) no-repeat center top;
  height: 19px;
  width: 100%;
  bottom: -18px;
  left: 0;
}
.contents-bgb .articleHeader {
  margin-bottom: 40px;
}

.contents-bg-woWaveLine {
  padding-bottom: 0;
}
.contents-bg-woWaveLine:after {
  display: none;
}

.paneMain {
  width: 570px;
  float: right;
}

.paneSub {
  width: 260px;
  float: left;
}

.programTable {
  margin-top: 60px;
}
.programTable .nav-tabs {
  *zoom: 1;
}
.programTable .nav-tabs:after {
  content: "";
  display: block;
  clear: both;
}
.programTable .nav-tabs li a {
  font-family: "DINNextLTPro-Medium", "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 16px;
  line-height: 1;
  color: #fff;
  background-color: rgba(59, 49, 44, 0.5);
  padding: 11px 25px;
  margin-right: 1px;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -ms-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
.programTable .nav-tabs li a:hover {
  background-color: rgba(59, 49, 44, 0.4);
}
.programTable .nav-tabs li.active {
  margin-top: -9px;
}
.programTable .nav-tabs li.active a {
  padding: 20px 25px;
  background-color: #3b312c;
}
.programTable .tab-content .tab-pane {
  margin-top: 7px;
  border: solid 4px #3b312c;
}
.programTable .tab-content .tab-pane table.programTableRate {
  width: 876px;
  margin: 0 -2px;
}
.programTable .tab-content .tab-pane table.programTableRate.grayoutTable tbody td {
  background-color: #eee;
}
.programTable .tab-content .tab-pane table.programTableRate thead,
.programTable .tab-content .tab-pane table.programTableRate tbody.thead {
  border: solid 4px #3b312c;
}
.programTable .tab-content .tab-pane table.programTableRate thead th, .programTable .tab-content .tab-pane table.programTableRate thead td,
.programTable .tab-content .tab-pane table.programTableRate tbody.thead th,
.programTable .tab-content .tab-pane table.programTableRate tbody.thead td {
  background: #3b312c;
  color: #fff;
  text-align: center;
  font-family: "DINNextLTPro-Medium", "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 16px;
}
.programTable .tab-content .tab-pane table.programTableRate thead th,
.programTable .tab-content .tab-pane table.programTableRate tbody.thead th {
  width: 118px;
  border-left: solid 1px #fff;
  border-right: solid 1px #fff;
}
.programTable .tab-content .tab-pane table.programTableRate thead td,
.programTable .tab-content .tab-pane table.programTableRate tbody.thead td {
  width: 25px;
}
.programTable .tab-content .tab-pane table.programTableRate tbody th, .programTable .tab-content .tab-pane table.programTableRate tbody td {
  border-bottom: dotted 1px rgba(59, 49, 44, 0.3);
}
.programTable .tab-content .tab-pane table.programTableRate tbody th a, .programTable .tab-content .tab-pane table.programTableRate tbody td a {
  color: #222;
}
.programTable .tab-content .tab-pane table.programTableRate tbody th a:hover, .programTable .tab-content .tab-pane table.programTableRate tbody td a:hover {
  color: #444444;
}
.programTable .tab-content .tab-pane table.programTableRate tbody th {
  text-align: center;
  background-color: rgba(59, 49, 44, 0.2);
  font-family: "DINNextLTPro-Medium", "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 17px;
}
.programTable .tab-content .tab-pane table.programTableRate tbody td {
  vertical-align: top;
  line-height: 1.4;
  border-left: solid 1px #c8c8c8;
  border-right: solid 1px #c8c8c8;
}
.programTable .tab-content .tab-pane table.programTableRate tbody td.notgrayout {
  background-color: #fff;
}
.programTable .tab-content .tab-pane table.programTableRate tbody td div {
  padding: 7px;
  position: relative;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -ms-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  height: 100%;
  background-color: #fff;
}
.programTable .tab-content .tab-pane table.programTableRate tbody td div span {
  display: inline-block;
  font-family: "DINNextLTPro-Medium", "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  background: #3b312c;
  color: #fff;
  padding: 2px 4px 1px;
  line-height: 1;
  margin-right: 3px;
}
.programTable .tab-content .tab-pane table.programTableRate tbody td div.grayout {
  background: transparent;
  opacity: 0.2;
}
.programTable .tab-content .tab-pane table.programTableRate tbody td div.politics span {
  background-color: #6e4f84;
}
.programTable .tab-content .tab-pane table.programTableRate tbody td div.debate span {
  background-color: #375586;
}
.programTable .tab-content .tab-pane table.programTableRate tbody td div.culture span {
  background-color: #67a2a7;
}
.programTable .tab-content .tab-pane table.programTableRate tbody td div.movie span {
  background-color: #387e46;
}
.programTable .tab-content .tab-pane table.programTableRate tbody td div.music span {
  background-color: #2c897b;
}
.programTable .tab-content .tab-pane table.programTableRate tbody td div.info span {
  background-color: #cebc70;
}
.programTable .tab-content .tab-pane table.programTableRate tbody td div.kids span {
  background-color: #d5865e;
}
.programTable .tab-content .tab-pane table.programTableRate tbody td div.stage span {
  background-color: #a2a354;
}
.programTable .tab-content .tab-pane table.programTableRate tbody td div.beauty span {
  background-color: #cc7b79;
}

.liveRow {
  *zoom: 1;
  margin-bottom: 0;
  margin-left: -34px;
}
.liveRow:after {
  content: "";
  display: block;
  clear: both;
}
.liveRow .program {
  float: left;
  width: 270px;
  margin-left: 34px;
  margin-bottom: 70px;
}
.liveRow .program .liveschedule {
  margin-bottom: 10px;
  font-family: "DINNextLTPro-Medium", "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1;
}
.liveRow .program .liveschedule .liveicon {
  display: inline-block;
  background: #e60012;
  padding: 6px 11px 5px;
  font-size: 16px;
  color: #fff;
  margin-right: 7px;
  vertical-align: 6px;
}
.liveRow .program .liveschedule .livedate {
  color: #3c322c;
  font-size: 31px;
  letter-spacing: -0.05em;
}
.liveRow .program .liveschedule .liveyobi {
  font-size: 27px;
  font-weight: bold;
  margin: 0 -0.3em 0 -0.6em;
}
.liveRow .program .liveschedule .livetime {
  font-size: 31px;
  color: #666666;
  letter-spacing: -0.05em;
}
.liveRow .program .programImg {
  display: block;
  width: 270px;
}
.liveRow .program .programImg img {
  width: 100%;
  height: auto;
}
.liveRow .program .programInfo {
  padding: 9px;
  *zoom: 1;
}
.liveRow .program .programInfo:after {
  content: "";
  display: block;
  clear: both;
}
.liveRow .program .programInfo .programCatList {
  margin-left: -2px;
}
.liveRow .program .programInfo .programDetail {
  margin-top: 5px;
  margin-bottom: 5px;
}
.liveRow .program .programInfo .programSeasonSeries {
  font-weight: bold;
  color: #3c322c;
  margin-bottom: 6px;
}
.liveRow .program .programInfo .programSeasonSeries a {
  color: #222;
}
.liveRow .program .programInfo .programSeasonSeries a:hover {
  color: #444444;
}
.liveRow .program .programInfo h2, .liveRow .program .programInfo h3, .liveRow .program .programInfo h4 {
  float: none;
  font-size: 20px;
  font-weight: bold;
  color: #3c322c;
  margin-bottom: 2px;
}
.liveRow .program .programInfo h2 a, .liveRow .program .programInfo h3 a, .liveRow .program .programInfo h4 a {
  color: #3c322c;
}
.liveRow .program .programInfo h2 a:hover, .liveRow .program .programInfo h3 a:hover, .liveRow .program .programInfo h4 a:hover {
  color: #444444;
}
.liveRow .program .programInfo p {
  margin-bottom: 12px;
}
.liveRow .program .programInfo p.programData {
  margin-bottom: 20px;
}
.liveRow .program .programInfo .programChList {
  *zoom: 1;
  float: none;
  margin-bottom: 5px;
}
.liveRow .program .programInfo .programChList:after {
  content: "";
  display: block;
  clear: both;
}
.liveRow .program .programInfo .programChList a {
  display: block;
  float: left;
  margin-right: 15px;
  margin-bottom: 2px;
  height: 25px;
}
.liveRow .program .programInfo .programChList img {
  height: 25px;
  width: auto;
}
.liveRow .program .programInfo .programDetail {
  float: right;
}

.recommendsRow, .programRow {
  *zoom: 1;
  margin-bottom: 0;
  margin-left: -34px;
}
.recommendsRow:after, .programRow:after {
  content: "";
  display: block;
  clear: both;
}
.recommendsRow .program, .programRow .program {
  float: left;
  width: 270px;
  margin-left: 34px;
  margin-bottom: 70px;
}
.recommendsRow .program .programImg, .programRow .program .programImg {
  display: block;
  width: 270px;
}
.recommendsRow .program .programImg img, .programRow .program .programImg img {
  width: 100%;
  height: auto;
}
.recommendsRow .program .programInfo, .programRow .program .programInfo {
  padding: 9px;
  *zoom: 1;
}
.recommendsRow .program .programInfo:after, .programRow .program .programInfo:after {
  content: "";
  display: block;
  clear: both;
}
.recommendsRow .program .programInfo .programCatList, .programRow .program .programInfo .programCatList {
  margin-left: -2px;
}
.recommendsRow .program .programInfo .programDetail, .programRow .program .programInfo .programDetail {
  margin-top: 5px;
  margin-bottom: 5px;
}
.recommendsRow .program .programInfo .programSeasonSeries, .programRow .program .programInfo .programSeasonSeries {
  font-weight: bold;
  color: #3c322c;
  margin-bottom: 6px;
}
.recommendsRow .program .programInfo .programSeasonSeries a, .programRow .program .programInfo .programSeasonSeries a {
  color: #222;
}
.recommendsRow .program .programInfo .programSeasonSeries a:hover, .programRow .program .programInfo .programSeasonSeries a:hover {
  color: #444444;
}
.recommendsRow .program .programInfo h2, .recommendsRow .program .programInfo h3, .recommendsRow .program .programInfo h4, .programRow .program .programInfo h2, .programRow .program .programInfo h3, .programRow .program .programInfo h4 {
  float: none;
  font-size: 20px;
  font-weight: bold;
  color: #3c322c;
  margin-bottom: 2px;
}
.recommendsRow .program .programInfo h2 a, .recommendsRow .program .programInfo h3 a, .recommendsRow .program .programInfo h4 a, .programRow .program .programInfo h2 a, .programRow .program .programInfo h3 a, .programRow .program .programInfo h4 a {
  color: #3c322c;
}
.recommendsRow .program .programInfo h2 a:hover, .recommendsRow .program .programInfo h3 a:hover, .recommendsRow .program .programInfo h4 a:hover, .programRow .program .programInfo h2 a:hover, .programRow .program .programInfo h3 a:hover, .programRow .program .programInfo h4 a:hover {
  color: #444444;
}
.recommendsRow .program .programInfo .programNexttime, .recommendsRow .program .programInfo .programSchedule, .programRow .program .programInfo .programNexttime, .programRow .program .programInfo .programSchedule {
  font-weight: bold;
  color: #3c322c;
  margin-bottom: 12px;
}
.recommendsRow .program .programInfo p, .programRow .program .programInfo p {
  margin-bottom: 12px;
}
.recommendsRow .program .programInfo p.programData, .programRow .program .programInfo p.programData {
  margin-bottom: 20px;
}
.recommendsRow .program .programInfo .programChList, .programRow .program .programInfo .programChList {
  *zoom: 1;
  float: none;
  margin-bottom: 5px;
}
.recommendsRow .program .programInfo .programChList:after, .programRow .program .programInfo .programChList:after {
  content: "";
  display: block;
  clear: both;
}
.recommendsRow .program .programInfo .programChList a, .programRow .program .programInfo .programChList a {
  display: block;
  float: left;
  margin-right: 2px;
  margin-bottom: 2px;
  height: 28px;
}
.recommendsRow .program .programInfo .programChList img, .programRow .program .programInfo .programChList img {
  background: #e2e2e2;
  padding: 5px 8px;
}
.recommendsRow .program .programInfo .programDetail, .programRow .program .programInfo .programDetail {
  float: right;
}

.programRow .program .programInfo {
  padding: 9px 0;
}

#programMainvisual {
  background: #e6e6e6;
  position: relative;
}
#programMainvisual .holder980 {
  height: 551px;
}
#programMainvisual .programMainvisualNowonair {
  position: absolute;
  padding: 20px 20px;
  left: -10px;
  top: 20px;
  background: #8b0f13;
  color: #fff;
  line-height: 1;
  font-size: 26px;
  font-family: "DINNextLTPro-Medium", "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
#programMainvisual .programMainvisualInfo {
  position: absolute;
  box-sizing: border-box;
  width: 200px;
  height: auto;
  right: 0;
  top: 0;
  padding: 10px 10px 12px;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
}
#programMainvisual .programMainvisualInfo a {
  display: block;
  margin-bottom: 2px;
  height: 28px;
  width: 100%;
  background: #e2e2e2;
}
#programMainvisual .programMainvisualInfo a img {
  padding: 5px 8px;
}
#programMainvisual .programMainvisualInfo .programMainvisualExp {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  margin-top: 20px;
  margin-bottom: 6px;
}
#programMainvisual .programMainvisualInfo .programMainvisualdate {
  color: #fff;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  margin-top: 6px;
  margin-bottom: 3px;
}
#programMainvisual .programMainvisualInfo .time {
  color: #fff;
  font-size: 40px;
  line-height: 1;
  font-family: "DINNextLTPro-Medium", "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

#programDetail .programDetailTitle {
  margin-bottom: 70px;
}
#programDetail .programDetailTitle .programCatList {
  margin-bottom: 10px;
}
#programDetail .programDetailTitle h1, #programDetail .programDetailTitle h2 {
  float: none;
  font-size: 36px;
  line-height: 1;
  margin-bottom: 20px;
  color: #3c322c;
  font-weight: bold;
}
#programDetail .programDetailTitle .seasonSeries {
  color: #3c322c;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 20px;
}
#programDetail .programDetailTitle .seasonSeries a {
  color: #222;
}
#programDetail .programDetailTitle .seasonSeries a:hover {
  color: #444444;
}
#programDetail .programDetailTitle .snsBtns a {
  display: inline-block;
  margin-right: 2px;
  width: 40px;
  height: 40px;
  background-color: #afafaf;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -ms-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
}
#programDetail .programDetailTitle .snsBtns a.fb:hover {
  background-color: #36558f;
}
#programDetail .programDetailTitle .snsBtns a.tw:hover {
  background-color: #55c1e1;
}
#programDetail .programDetailTitle .snsBtns a.mi:hover {
  background-color: #f39b1b;
}
#programDetail .programDetailTitle .snsBtns a img {
  margin-top: 6px;
}
#programDetail .paneMain > h2, #programDetail .paneMain h3 {
  float: none;
  font-size: 26px;
  line-height: 1;
  margin-bottom: 30px;
  color: #3c322c;
  font-weight: bold;
}
#programDetail .paneMain .programDescription {
  margin-bottom: 60px;
}
#programDetail .paneMain .programDescriptionWoTitle {
  margin-bottom: 60px;
}
#programDetail .paneMain .programBanner {
  margin-bottom: 60px;
}
#programDetail .paneMain .programBanner a {
  display: block;
}
#programDetail .paneMain .castList {
  *zoom: 1;
  margin-left: -32px;
}
#programDetail .paneMain .castList:after {
  content: "";
  display: block;
  clear: both;
}
#programDetail .paneMain .castList .cast {
  float: left;
  width: 168px;
  margin-left: 32px;
  margin-bottom: 32px;
}
#programDetail .paneMain .castList .cast a {
  color: #222;
}
#programDetail .paneMain .castList .cast a:hover {
  color: #555 !important;
}
#programDetail .paneMain .castList .cast a:hover img {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
#programDetail .paneMain .castList .cast a h2, #programDetail .paneMain .castList .cast a h4 {
  color: #222;
}
#programDetail .paneMain .castList .cast a h2:hover, #programDetail .paneMain .castList .cast a h4:hover {
  color: #444444;
}
#programDetail .paneMain .castList .cast .castImg {
  width: 168px;
}
#programDetail .paneMain .castList .cast .castImg img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 12px;
  width: 100%;
  height: auto;
}
#programDetail .paneMain .castList .cast h3, #programDetail .paneMain .castList .cast h4 {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}
#programDetail .paneMain .programPastSchedule {
  padding-left: 24px;
}
#programDetail .paneMain .programPastSchedule a {
  color: #222;
}
#programDetail .paneMain .programPastSchedule a:hover {
  color: #444444;
}
#programDetail .paneSub > h2, #programDetail .paneSub h3 {
  float: none;
  font-size: 26px;
  line-height: 1;
  margin-bottom: 30px;
  color: #3c322c;
  font-weight: bold;
}
#programDetail .paneSub .broadcastDates {
  margin-bottom: 40px;
}
#programDetail .paneSub .broadcastDates h3, #programDetail .paneSub .broadcastDates h4 {
  padding: 11px 0 0;
  background: #efefef;
  text-align: center;
}
#programDetail .paneSub .broadcastDates h3 img, #programDetail .paneSub .broadcastDates h4 img {
  display: inline-block;
  margin: 0 6px 9px;
  height: 20px;
  width: auto;
}
#programDetail .paneSub .broadcastDates ul li {
  border-bottom: dotted 1px #c4c1c0;
  padding: 9px 0;
  line-height: 1.2;
}
#programDetail .paneSub .broadcastDates ul li h4 {
  font-weight: bold;
  margin-top: 0.3em;
  margin-bottom: 0.4em;
}
#programDetail .paneSub .broadcastDates ul li h4 a {
  color: #222;
}
#programDetail .paneSub .broadcastDates ul li h4 a:hover {
  color: #444444;
}
#programDetail .paneSub .broadcastDates ul.broadcastDatesSeriesDefault {
  border-top: dotted 1px #c4c1c0;
}
#programDetail .paneSub .broadcastDates .more {
  display: block;
  font-size: 17px;
  padding: 8px 0;
  text-align: right;
  color: #3c322c;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
#programDetail .paneSub .broadcastDates .more span {
  padding-right: 20px;
  background: url(../img/common_icon_bullet_d_brown.svg) no-repeat right center;
  -webkit-background-size: 12px 23px;
  -moz-background-size: 12px 23px;
  -ms-background-size: 12px 23px;
  -o-background-size: 12px 23px;
  background-size: 12px 23px;
}
#programDetail .paneSub .broadcastDates .more:hover {
  opacity: 0.8;
}
#programDetail .paneSub .broadcastDates .less {
  display: block;
  font-size: 17px;
  padding: 8px 0;
  text-align: right;
  color: #3c322c;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
#programDetail .paneSub .broadcastDates .less span {
  padding-right: 20px;
  background: url(../img/common_icon_bullet_u_brown.svg) no-repeat right center;
  -webkit-background-size: 12px 23px;
  -moz-background-size: 12px 23px;
  -ms-background-size: 12px 23px;
  -o-background-size: 12px 23px;
  background-size: 12px 23px;
}
#programDetail .paneSub .broadcastDates .less:hover {
  opacity: 0.8;
}
#programDetail .paneSub .broadcastDates.broadcastDatesSeries h3, #programDetail .paneSub .broadcastDates.broadcastDatesSeries h4 {
  padding: 0;
  background: transparent;
  text-align: left;
}

#howtowatch {
  display: block;
  position: fixed;
  width: 880px;
  height: auto;
  padding: 14px 0 10px;
  left: 50%;
  bottom: 12px;
  margin-left: -440px;
  background-color: #8b0f13;
  z-index: 999;
  text-align: center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
     box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  display: table;
}
#howtowatch h3 {
  font-size: 20px;
  line-height: 20px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 8px;
  margin-bottom: 0;
  display: inline-block;
  display: table-cell;
  vertical-align: middle;
  width: 52%;
  text-align: right;
}
#howtowatch h3 .btnicon {
  padding-right: 10px;
  vertical-align: middle;
  display: inline-block;
}
#howtowatch h3 .btnicon img {
  width: 25px;
  height: auto;
}
#howtowatch ul {
  display: inline-block;
  height: 38px;
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
  padding-left: 14px;
  width: 48%;
  text-align: left;
}
#howtowatch ul li {
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}
#howtowatch ul li a {
  display: block;
  height: 38px;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}
#howtowatch ul li a img {
  -webkit-transition: opacity 0s ease;
  -moz-transition: opacity 0s ease;
  -ms-transition: opacity 0s ease;
  -o-transition: opacity 0s ease;
  transition: opacity 0s ease;
}
#howtowatch ul li a img:hover {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
#howtowatch.howtowatch-liveportal h2 {
  width: 45%;
  text-align: right;
}
#howtowatch.howtowatch-liveportal ul {
  padding-left: 14px;
  width: 55%;
}

form.programSearchBox input[type="text"] {
  box-sizing: border-box;
  height: 70px;
  width: 810px;
  background: #fff;
  font-size: 18px;
  line-height: 70px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: none;
  padding: 0 0 0 16px;
  margin-right: -12px;
  margin-bottom: 30px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
form.programSearchBox input[type="submit"] {
  display: inline-block;
  border: none;
  padding: 0;
  background: #fff url(../img/common_icon_search.svg) no-repeat center center;
  width: 75px;
  height: 70px;
  -webkit-background-size: 38px 38px;
  -moz-background-size: 38px 38px;
  -ms-background-size: 38px 38px;
  -o-background-size: 38px 38px;
  background-size: 38px 38px;
  text-indent: -999px;
  cursor: pointer;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  vertical-align: top;
}
form.programSearchBox h3.narrowingTitle {
  width: 94px;
  float: left;
  font-size: 18px;
  font-weight: bold;
}
form.programSearchBox .narrowingCheckBoxArea {
  width: 782px;
  float: right;
}
form.programSearchBox .narrowingCheckBoxArea h4 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 12px;
}
form.programSearchBox .narrowingCheckBoxArea h4 span {
  font-size: 0.7em;
  margin-left: 0.7em;
  color: #999;
}
form.programSearchBox .narrowingCheckBoxArea .genreSelect {
  margin-bottom: 20px;
}
form.programSearchBox .narrowingCheckBoxArea .genreSelect input[type=radio], form.programSearchBox .narrowingCheckBoxArea .genreSelect input[type=checkbox] {
  display: none;
}
form.programSearchBox .narrowingCheckBoxArea .genreSelect label.radio,
form.programSearchBox .narrowingCheckBoxArea .genreSelect a#checkboxall {
  display: inline-block;
  margin: 0 1px 8px;
  font-size: 15px;
  line-height: 1;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  padding: 7px 10px 0px;
  color: #fff;
  font-weight: bold;
  background-color: #aaa;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  cursor: pointer;
}
form.programSearchBox .narrowingCheckBoxArea .genreSelect label.radio:hover,
form.programSearchBox .narrowingCheckBoxArea .genreSelect a#checkboxall:hover {
  opacity: 0.8;
}
form.programSearchBox .narrowingCheckBoxArea .genreSelect label.radio span,
form.programSearchBox .narrowingCheckBoxArea .genreSelect a#checkboxall span {
  font-size: 0.85em;
}
form.programSearchBox .narrowingCheckBoxArea .genreSelect a#checkboxall {
  padding-bottom: 5px;
}
form.programSearchBox .narrowingCheckBoxArea .genreSelect a#checkboxall.active {
  background: #8b0f13;
}
form.programSearchBox .narrowingCheckBoxArea .genreSelect input[type=radio]#radioall:checked + label.radio {
  background: #8b0f13;
}
form.programSearchBox .narrowingCheckBoxArea .genreSelect input[type=radio]#radiopolitics:checked + label.radio {
  background: #6e4f84;
}
form.programSearchBox .narrowingCheckBoxArea .genreSelect input[type=radio]#radiodebate:checked + label.radio {
  background: #375586;
}
form.programSearchBox .narrowingCheckBoxArea .genreSelect input[type=radio]#radioculture:checked + label.radio {
  background: #67a2a7;
}
form.programSearchBox .narrowingCheckBoxArea .genreSelect input[type=radio]#radiomovie:checked + label.radio {
  background: #387e46;
}
form.programSearchBox .narrowingCheckBoxArea .genreSelect input[type=radio]#radiomusic:checked + label.radio {
  background: #2c897b;
}
form.programSearchBox .narrowingCheckBoxArea .genreSelect input[type=radio]#radioinfo:checked + label.radio {
  background: #cebc70;
}
form.programSearchBox .narrowingCheckBoxArea .genreSelect input[type=radio]#radiokids:checked + label.radio {
  background: #d5865e;
}
form.programSearchBox .narrowingCheckBoxArea .genreSelect input[type=radio]#radiostage:checked + label.radio {
  background: #a2a354;
}
form.programSearchBox .narrowingCheckBoxArea .genreSelect input[type=radio]#radiobeauty:checked + label.radio {
  background: #cc7b79;
}
form.programSearchBox .narrowingCheckBoxArea .recommendSelect {
  margin-bottom: 20px;
}
form.programSearchBox .narrowingCheckBoxArea .recommendSelect input[type=radio], form.programSearchBox .narrowingCheckBoxArea .recommendSelect input[type=checkbox] {
  display: none;
}
form.programSearchBox .narrowingCheckBoxArea .recommendSelect label.radio {
  display: inline-block;
  margin: 0 1px 8px;
  font-size: 15px;
  line-height: 1;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  padding: 7px 10px 0px;
  color: #fff;
  font-weight: bold;
  background-color: #aaa;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  cursor: pointer;
}
form.programSearchBox .narrowingCheckBoxArea .recommendSelect label.radio:hover {
  opacity: 0.8;
}
form.programSearchBox .narrowingCheckBoxArea .recommendSelect input[type=radio]:checked + label.radio {
  background: #8b0f13;
  color: #fff;
}
form.programSearchBox .narrowingCheckBoxArea .mediaSelect input[type=radio], form.programSearchBox .narrowingCheckBoxArea .mediaSelect input[type=checkbox] {
  display: none;
}
form.programSearchBox .narrowingCheckBoxArea .mediaSelect label.radio {
  display: inline-block;
  margin: 0 1px 8px;
  font-size: 15px;
  line-height: 1;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  padding: 7px 10px 0px;
  color: #fff;
  font-weight: bold;
  background-color: #aaa;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  cursor: pointer;
}
form.programSearchBox .narrowingCheckBoxArea .mediaSelect label.radio:hover {
  opacity: 0.8;
}
form.programSearchBox .narrowingCheckBoxArea .mediaSelect input[type=radio]:checked + label.radio {
  background: #8b0f13;
  color: #fff;
}
form.programSearchBox #narrowingSearch {
  *zoom: 1;
  padding-top: 10px;
  padding-bottom: 30px;
}
form.programSearchBox #narrowingSearch:after {
  content: "";
  display: block;
  clear: both;
}
form.programSearchBox .more {
  display: block;
  font-size: 17px;
  padding: 0;
  color: #3c322c;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  cursor: pointer;
}
form.programSearchBox .more span {
  padding-left: 20px;
  background: url(../img/common_icon_bullet_d_brown.svg) no-repeat left center;
  -webkit-background-size: 12px 23px;
  -moz-background-size: 12px 23px;
  -ms-background-size: 12px 23px;
  -o-background-size: 12px 23px;
  background-size: 12px 23px;
}
form.programSearchBox .more:hover {
  opacity: 0.8;
}
form.programSearchBox .less {
  display: block;
  font-size: 17px;
  padding: 0;
  color: #3c322c;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
form.programSearchBox .less span {
  padding-left: 20px;
  background: url(../img/common_icon_bullet_u_brown.svg) no-repeat left center;
  -webkit-background-size: 12px 23px;
  -moz-background-size: 12px 23px;
  -ms-background-size: 12px 23px;
  -o-background-size: 12px 23px;
  background-size: 12px 23px;
}
form.programSearchBox .less:hover {
  opacity: 0.8;
}
form.programSearchBox ::-webkit-input-placeholder {
  color: #999 !important;
}
form.programSearchBox :-moz-placeholder {
  color: #999 !important;
}

.castList {
  *zoom: 1;
  margin-left: -45px;
  margin-bottom: 30px;
}
.castList:after {
  content: "";
  display: block;
  clear: both;
}
.castList .castRow {
  *zoom: 1;
}
.castList .castRow:after {
  content: "";
  display: block;
  clear: both;
}
.castList .cast {
  float: left;
  width: 186px;
  margin-left: 45px;
  margin-bottom: 25px;
}
.castList .cast a {
  color: #222;
}
.castList .cast a:hover {
  color: #555 !important;
}
.castList .cast a:hover img {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.castList .cast a h2, .castList .cast a h4 {
  color: #222;
  font-size: 26px;
}
.castList .cast a h2:hover, .castList .cast a h4:hover {
  color: #444444;
}
.castList .cast .castImg img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 12px;
}
.castList .cast h2, .castList .cast h4 {
  float: none;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
.castList .cast h2:after, .castList .cast h4:after {
  content: "";
  display: block;
  height: 1px;
  width: 37px;
  background: #999;
  margin: 20px auto 0;
}
.castList .cast p {
  height: 6.6em;
  line-height: 1.65;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  -webkit-line-clamp: 4;
  -moz-line-clamp: 4;
  -ms-line-clamp: 4;
  -o-line-clamp: 4;
  line-clamp: 4;
}

#aboutLiveportal {
  *zoom: 1;
}
#aboutLiveportal:after {
  content: "";
  display: block;
  clear: both;
}
#aboutLiveportal .holder880 > img {
  width: 260px;
  float: right;
  padding-top: 34px;
}
#aboutLiveportal .articleHeader {
  width: 550px;
  float: left;
}
#aboutLiveportal .aboutLiveportalTxt {
  width: 550px;
  float: left;
}

.liveportalSchedule {
  width: 100%;
}
.liveportalSchedule thead {
  border-top: solid 12px #3b312c;
  border-bottom: solid 12px #3b312c;
  vertical-align: middle;
}
.liveportalSchedule thead th, .liveportalSchedule thead td {
  background: #3b312c;
  text-align: center;
  color: #FFF;
}
.liveportalSchedule thead th {
  border-left: solid 1px #fff;
  font-size: 19px;
  font-weight: bold;
}
.liveportalSchedule thead th:first-child {
  border-left: none;
}
.liveportalSchedule thead th:first-child img {
  vertical-align: text-top;
}
.liveportalSchedule tbody {
  border-left: dotted 1px rgba(59, 49, 44, 0.3);
}
.liveportalSchedule tbody th, .liveportalSchedule tbody td {
  border-bottom: dotted 1px rgba(59, 49, 44, 0.3);
  vertical-align: top;
}
.liveportalSchedule tbody th {
  padding: 20px 10px;
  font-family: "DINNextLTPro-Medium", "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 20px;
  background: #FFFFFF;
}
.liveportalSchedule tbody th.time {
  color: #666666;
  border-left: solid 1px #fff;
  background: #e2e0df;
  text-align: center;
}
.liveportalSchedule tbody th.time .start,
.liveportalSchedule tbody th.time .end {
  display: block;
}
.liveportalSchedule tbody td {
  padding: 20px;
  background: #f3f2f0;
}
.liveportalSchedule tbody td.niconama {
  border-left: solid 1px #c8c8c8;
}
.liveportalSchedule tbody td > div {
  background: #fff;
  padding: 16px;
  *zoom: 1;
}
.liveportalSchedule tbody td > div:after {
  content: "";
  display: block;
  clear: both;
}
.liveportalSchedule tbody td > div > a > img {
  width: 274px;
  height: auto;
  margin-bottom: 14px;
}
.liveportalSchedule tbody td > div h4 {
  float: none;
  font-size: 24px;
  color: #3c322c;
  font-weight: bold;
  margin-bottom: 10px;
}
.liveportalSchedule tbody td > div h4 a {
  color: #3c322c;
}
.liveportalSchedule tbody td > div p {
  margin-bottom: 13px;
  line-height: 1.5;
}
.liveportalSchedule tbody td > div .programChList {
  float: left;
}
.liveportalSchedule tbody td > div .programChList a {
  display: block;
  float: left;
  margin-right: 10px;
  margin-bottom: 2px;
  height: 25px;
}
.liveportalSchedule tbody td > div .programChList img {
  height: 25px;
  width: auto;
}
.liveportalSchedule tbody td > div .programDetail {
  float: right;
}
.liveportalSchedule tbody td > div .floatleft {
  width: 274px;
}
.liveportalSchedule tbody td > div .floatleft img {
  width: 274px;
  height: auto;
}
.liveportalSchedule tbody td > div .floatright {
  width: 340px;
}
.liveportalSchedule tbody td.all > div > a img {
  float: left;
  margin-bottom: 0;
  margin-right: 13px;
}

.castDetail {
  *zoom: 1;
  padding-top: 50px;
}
.castDetail:after {
  content: "";
  display: block;
  clear: both;
}
.castDetail .castImg {
  float: left;
  width: 260px;
  height: 260px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.castDetail .castImg img {
  width: 100%;
  height: auto;
}
.castDetail .castInfo {
  float: right;
  width: 570px;
  padding-top: 30px;
}
.castDetail .castInfo h3 {
  float: none;
  font-size: 32px;
  font-weight: bold;
  color: #3c322c;
  margin-bottom: 0px;
}
.castDetail .castInfo h4 {
  font-size: 23px;
  font-weight: bold;
  color: #3c322c;
  margin-bottom: 14px;
}
.castDetail .castInfo .snsBtns a {
  display: inline-block;
  margin-right: 2px;
  width: 40px;
  height: 40px;
  background-color: #afafaf;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -ms-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
}
.castDetail .castInfo .snsBtns a.fb:hover {
  background-color: #36558f;
}
.castDetail .castInfo .snsBtns a.tw:hover {
  background-color: #55c1e1;
}
.castDetail .castInfo .snsBtns a.mi:hover {
  background-color: #f39b1b;
}
.castDetail .castInfo .snsBtns a img {
  margin-top: 6px;
}
.castDetail .castInfo .castDescription {
  margin-top: 30px;
}
.castDetail .castInfo .castDescription p {
  margin-bottom: 1.2em;
}

.shutsuenshaProgramInfo {
  margin-top: 46px;
  padding-top: 46px;
  border-top: solid 1px #e1e1e1;
  margin-bottom: 40px;
}
.shutsuenshaProgramInfo h3 {
  float: none;
  font-size: 26px;
  font-weight: bold;
  color: #3c322c;
  margin-bottom: 46px;
}
.shutsuenshaProgramInfo h4 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 24px;
  padding-left: 16px;
}
.shutsuenshaProgramInfo h4:before {
  display: inline-block;
  content: "";
  border-radius: 50%;
  height: 8px;
  width: 8px;
  border: 5px solid #b2aaa3;
  vertical-align: middle;
  margin-right: 7px;
}
.shutsuenshaProgramInfo h4 a {
  color: #222;
}
.shutsuenshaProgramInfo h4 a:hover {
  color: #444444;
}
.shutsuenshaProgramInfo h5 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
  padding-left: 56px;
}
.shutsuenshaProgramInfo h5 a {
  color: #222;
}
.shutsuenshaProgramInfo h5 a:hover {
  color: #444444;
}
.shutsuenshaProgramInfo ul {
  padding-left: 70px;
  margin-bottom: 30px;
}
.shutsuenshaProgramInfo ul li {
  margin-bottom: 0.2em;
}
.shutsuenshaProgramInfo ul li a {
  color: #222;
}
.shutsuenshaProgramInfo ul li a:hover {
  color: #444444;
}
.shutsuenshaProgramInfo .more {
  display: block;
  font-size: 17px;
  padding: 8px 0;
  text-align: right;
  color: #3c322c;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  cursor: pointer;
}
.shutsuenshaProgramInfo .more span {
  padding-right: 20px;
  background: url(../img/common_icon_bullet_d_brown.svg) no-repeat right center;
  -webkit-background-size: 12px 23px;
  -moz-background-size: 12px 23px;
  -ms-background-size: 12px 23px;
  -o-background-size: 12px 23px;
  background-size: 12px 23px;
}
.shutsuenshaProgramInfo .more:hover {
  opacity: 0.8;
}

.newsList {
  border-top: solid 1px #cccccc;
  margin-top: 30px;
}
.newsList .news {
  *zoom: 1;
  border-bottom: solid 1px #cccccc;
  margin: 12px 0;
  padding: 0 10px;
}
.newsList .news:after {
  content: "";
  display: block;
  clear: both;
}
.newsList .news h3 {
  float: left;
  width: 140px;
  font-family: "DINNextLTPro-Medium", "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 25px;
  color: #3c322c;
}
.newsList .news .newsInfo {
  float: right;
  width: 710px;
  *zoom: 1;
}
.newsList .news .newsInfo:after {
  content: "";
  display: block;
  clear: both;
}
.newsList .news .newsInfo .btnDatail {
  float: right;
}
.newsList .news .newsInfo h4 {
  float: none;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  margin-top: 5px;
  margin-bottom: 15px;
}
.newsList .news .newsInfo p {
  margin-bottom: 12px;
}

.newsSingle {
  border-top: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  *zoom: 1;
  padding: 14px 0 20px;
  margin-top: 30px;
  margin-bottom: 50px;
}
.newsSingle:after {
  content: "";
  display: block;
  clear: both;
}
.newsSingle h3 {
  float: left;
  width: 140px;
  font-family: "DINNextLTPro-Medium", "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 25px;
  color: #3c322c;
}
.newsSingle .newsInfo {
  float: right;
  width: 710px;
  *zoom: 1;
}
.newsSingle .newsInfo:after {
  content: "";
  display: block;
  clear: both;
}
.newsSingle .newsInfo h4 {
  float: none;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  margin-top: 5px;
  margin-bottom: 40px;
}

.mailmag {
  margin-top: 30px;
}
.mailmag .mailmagExp {
  *zoom: 1;
}
.mailmag .mailmagExp:after {
  content: "";
  display: block;
  clear: both;
}
.mailmag .mailmagExp .mailmagInfo {
  width: 236px;
  float: left;
}
.mailmag .mailmagExp .mailmagInfo .mailmagInfoBlock {
  margin-bottom: 50px;
}
.mailmag .mailmagExp .mailmagInfo .mailmagInfoBlock h3 {
  float: none;
  margin-bottom: 20px;
  font-size: 20px;
  color: #3c322c;
  font-weight: bold;
}
.mailmag .mailmagExp .mailmagSample {
  width: 584px;
  float: right;
}
.mailmag .mailmagExp .mailmagSample h3 {
  float: none;
  margin-bottom: 20px;
  font-size: 20px;
  color: #3c322c;
  font-weight: bold;
}
.mailmag .mailmagExp .mailmagSample .mailmagSampleBlock {
  box-sizing: border-box;
  border: solid 3px #e0e0e0;
  overflow: scroll;
  height: 550px;
  padding: 12px 20px 12px 12px;
}
.mailmag .mailmagbtns {
  margin-top: 30px;
  margin-bottom: 0;
  text-align: center;
}
.mailmag .mailmagbtns a {
  display: inline-block;
  margin: 0 0.5em;
}

.presents {
  *zoom: 1;
  margin-top: 30px;
  margin-left: -34px;
}
.presents:after {
  content: "";
  display: block;
  clear: both;
}
.presents .presentColumn {
  float: left;
  width: 270px;
  margin-left: 34px;
  margin-bottom: -70px;
}
.presents .presentColumn .present {
  margin-bottom: 70px;
}
.presents .presentColumn .present .presentImg {
  margin-bottom: 4px;
}
.presents .presentColumn .present .presentImg img {
  display: block;
  margin-bottom: 1px;
  width: 100%;
  height: auto;
}
.presents .presentColumn .present .presentDate {
  font-size: 12px;
  margin-bottom: 8px;
  text-align: right;
}
.presents .presentColumn .present h3 {
  float: none;
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: bold;
  color: #3c322c;
}
.presents .presentColumn .present .presentExp {
  margin-bottom: 18px;
}
.presents .presentColumn .present .presentExp p:last-child {
  margin-bottom: 0;
}
.presents .presentColumn .present .presentDedline {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 24px;
  text-align: center;
}
.presents .presentColumn .present .btnPrimary {
  display: block;
  width: 160px;
  margin: 0 auto;
  text-align: center;
}

.about {
  margin-top: 30px;
}
.about .aboutBlock {
  margin-bottom: 60px;
}
.about .aboutBlock:last-child {
  margin-bottom: 0;
}
.about .aboutBlock h3 {
  float: none;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}

.companyoutlineTable {
  width: 100%;
  margin-top: 30px;
}
.companyoutlineTable th, .companyoutlineTable td {
  padding: 24px 0;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  vertical-align: top;
}
.companyoutlineTable th {
  font-size: 16px;
  font-weight: bold;
}
.companyoutlineTable td {
  width: 735px;
}
.companyoutlineTable td iframe {
  width: 100%;
  margin-top: 24px;
}

.privacypolicy {
  margin-top: -30px;
}
.privacypolicy h3 {
  float: none;
  font-size: 20px;
  font-weight: bold;
  margin-top: 60px;
  margin-bottom: 34px;
}
.privacypolicy h4 {
  float: none;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 1.5em;
}
.privacypolicy h5 {
  float: none;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0.8em;
}
.privacypolicy h6 {
  margin-bottom: 0.5em;
}
.privacypolicy table.borderTable {
  width: 100%;
  margin-bottom: 1.5em;
}
.privacypolicy table.borderTable th, .privacypolicy table.borderTable td {
  padding: 24px 0 !important;
  border-top: solid 1px #ccc !important;
  border-bottom: solid 1px #ccc !important;
  vertical-align: top !important;
}
.privacypolicy table.borderTable th {
  font-size: 15px !important;
  font-weight: bold !important;
}
.privacypolicy table.borderTable td span.txt09em {
  margin-top: 20px;
  display: block;
}
.privacypolicy table.noborderTable {
  width: 100%;
  margin-bottom: 1.5em;
}
.privacypolicy table.noborderTable th, .privacypolicy table.noborderTable td {
  padding: 0;
  border-top: none;
  border-bottom: none;
  vertical-align: top;
}
.privacypolicy table.noborderTable td:first-child {
  white-space: nowrap;
}
.privacypolicy table.noborderTable td span.txt09em {
  margin-top: 20px;
  display: block;
}
.privacypolicy table.noborderTable p {
  padding-left: 0;
}
.privacypolicy ol {
  list-style: decimal;
  padding-left: 3.5em;
  margin-bottom: 1.5em;
}
.privacypolicy p {
  padding-left: 2em;
}
.privacypolicy > table {
  margin-left: 2em;
  box-sizing: border-box;
}

.faqAnchors {
  *zoom: 1;
  margin-bottom: 70px;
}
.faqAnchors:after {
  content: "";
  display: block;
  clear: both;
}
.faqAnchors .faqAnchorBlock h3 {
  float: none;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.faqAnchors .faqAnchorBlock h3 a {
  color: #3c322c;
  background: url(../img/common_icon_arrow_d_g.svg) no-repeat left center;
  -webkit-background-size: 9px 5px;
  -moz-background-size: 9px 5px;
  -ms-background-size: 9px 5px;
  -o-background-size: 9px 5px;
  background-size: 9px 5px;
  padding-left: 15px;
}
.faqAnchors .faqAnchorBlock ul {
  margin-bottom: 50px;
}
.faqAnchors .faqAnchorBlock ul li {
  margin-bottom: 0.2em;
}
.faqAnchors .faqAnchorBlock ul li a {
  background: url(../img/common_icon_arrow_d_g.svg) no-repeat left center;
  -webkit-background-size: 9px 5px;
  -moz-background-size: 9px 5px;
  -ms-background-size: 9px 5px;
  -o-background-size: 9px 5px;
  background-size: 9px 5px;
  padding-left: 15px;
  color: #222;
}

.faqAndAs {
  margin-bottom: -70px;
}
.faqAndAs h3 {
  float: none;
  font-size: 20px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 20px;
}
.faqAndAs .faq_list {
  margin-bottom: 70px;
}
.faqAndAs .faq_list dt {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 8px;
  border-top: solid 1px #ccc;
  padding-top: 8px;
  cursor: pointer;
  line-height: 1.5;
}
.faqAndAs .faq_list dt span {
  display: inline-block;
  width: 50px;
  vertical-align: middle;
  font-family: "DINNextLTPro-Medium", "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 25px;
  font-weight: normal;
}
.faqAndAs .faq_list dd {
  padding-left: 50px;
  padding-bottom: 25px;
}
.faqAndAs .faq_list dd p:last-child {
  margin-bottom: 0;
}

.sitemap {
  *zoom: 1;
  margin-top: 30px;
}
.sitemap:after {
  content: "";
  display: block;
  clear: both;
}
.sitemap .sitemapBlock {
  float: left;
  width: 220px;
}
.sitemap .sitemapBlock:first-child {
  width: 240px;
}
.sitemap .sitemapBlock:last-child {
  width: 180px;
}
.sitemap .sitemapBlock h3 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 13px;
}
.sitemap .sitemapBlock ul {
  margin-bottom: 20px;
}
.sitemap .sitemapBlock ul li {
  margin-bottom: 0.6em;
}
.sitemap .sitemapBlock ul li a {
  background: url(../img/common_icon_arrow_r_g.svg) no-repeat left center;
  -webkit-background-size: 9px 10px;
  -moz-background-size: 9px 10px;
  -ms-background-size: 9px 10px;
  -o-background-size: 9px 10px;
  background-size: 9px 10px;
  padding-left: 15px;
  color: #222;
}
.sitemap .sitemapBlock ul li a:hover {
  color: #444444;
}

.single .postBody p, .single .postBody ul, .single .postBody ol, .single .postBody dl, .single .postBody pre, .single .postBody hr, .single .postBody table, .single .postBody address,
.page .postBody p,
.page .postBody ul,
.page .postBody ol,
.page .postBody dl,
.page .postBody pre,
.page .postBody hr,
.page .postBody table,
.page .postBody address {
  margin-bottom: 1.5em;
}
.single .postBody p,
.page .postBody p {
  *zoom: 1;
  vertical-align: baseline;
}
.single .postBody p:after,
.page .postBody p:after {
  content: "";
  display: block;
  clear: both;
}
.single .postBody p:last-child,
.page .postBody p:last-child {
  margin-bottom: 0;
}
.single .postBody h1,
.page .postBody h1 {
  clear: both;
  font-size: 1.1em;
  font-weight: bold;
  border: 1px #EDEDED solid;
  border-left-color: #8b0f13;
  border-left-width: 3px;
  padding: 16px 5px 14px 15px;
  margin: 2em 0 1.5em;
  line-height: 1.2;
}
.single .postBody h2,
.page .postBody h2 {
  clear: both;
  font-size: 1.1em;
  font-weight: bold;
  border: 1px #EDEDED solid;
  border-left-color: #777777;
  border-left-width: 3px;
  padding: 10px 5px 8px 15px;
  margin: 2em 0 1.5em;
  line-height: 1.2;
}
.single .postBody h3,
.page .postBody h3 {
  font-size: 1.1em;
  font-weight: bold;
  border-left: solid #999999 6px;
  padding: 2px 0 0 10px;
  margin: 2em 0 1.5em;
  line-height: 1.2;
}
.single .postBody h4,
.page .postBody h4 {
  font-size: 1.1em;
  font-weight: bold;
  margin: 2em 0 1.5em;
  line-height: 1.2;
}
.single .postBody h5, .single .postBody h6,
.page .postBody h5,
.page .postBody h6 {
  font-size: 1em;
  font-weight: bold;
  margin: 2em 0 1.5em;
  line-height: 1.2;
}
.single .postBody ul,
.page .postBody ul {
  list-style-type: disc;
  margin-left: 20px;
}
.single .postBody ul li,
.page .postBody ul li {
  display: list-item;
  text-align: -webkit-match-parent;
  margin-bottom: 0.75em;
}
.single .postBody ul ul, .single .postBody ol ul,
.page .postBody ul ul,
.page .postBody ol ul {
  list-style-type: circle;
  margin-left: 20px;
  margin-top: 0.75em;
  margin-bottom: 0.1em;
}
.single .postBody ol,
.page .postBody ol {
  list-style-type: decimal;
  margin-left: 25px;
}
.single .postBody ol ol,
.page .postBody ol ol {
  list-style: upper-alpha;
  margin-left: 20px;
  margin-top: 0.75em;
  margin-bottom: 0.1em;
}
.single .postBody ol ol ol,
.page .postBody ol ol ol {
  list-style: lower-roman;
}
.single .postBody ul ol,
.page .postBody ul ol {
  list-style-type: decimal;
  margin-left: 20px;
  margin-top: 0.75em;
  margin-bottom: 0.1em;
}
.single .postBody ol li,
.page .postBody ol li {
  margin-bottom: 0.75em;
}
.single .postBody dt,
.page .postBody dt {
  font-weight: bold;
}
.single .postBody dd,
.page .postBody dd {
  margin-bottom: 0.75em;
  margin-left: 1em;
}
.single .postBody table,
.page .postBody table {
  width: 100%;
  border-top: 1px dotted #e6e1bd;
}
.single .postBody table th,
.single .postBody table td,
.page .postBody table th,
.page .postBody table td {
  padding: 8px 0;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px dotted #e6e1bd;
}
.single .postBody table th,
.page .postBody table th {
  font-weight: bold;
}
.single .postBody table thead th,
.page .postBody table thead th {
  vertical-align: bottom;
}
.single .postBody em, .single .postBody strong,
.page .postBody em,
.page .postBody strong {
  font-weight: bold;
}
.single .postBody blockquote,
.page .postBody blockquote {
  margin: 0 0 1.5em;
  padding: 9px 20px 0 19px;
  border-left: 1px solid #ddd;
}
.single .postBody blockquote, .single .postBody blockquote p,
.page .postBody blockquote,
.page .postBody blockquote p {
  color: #555555;
}
.single .postBody hr,
.page .postBody hr {
  height: 0px;
  margin: 1.5em 0;
  border: none;
  border-top: 1px solid #d3d3d3;
}
.single .postBody pre,
.page .postBody pre {
  color: #222;
  background: #f4f4f4;
  font: 13px "Courier 10 Pitch", Courier, monospace;
  line-height: 1.65;
  margin-bottom: 1.5em;
  overflow: auto;
  padding: 0.75em 1.5em;
  font-size: 1em;
  white-space: -moz-pre-wrap;
  /* Mozilla */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  white-space: pre-wrap;
  /* CSS3 */
  word-wrap: break-word;
  /* IE 5.5+ */
}
.single .postBody ins,
.page .postBody ins {
  background: #fff9c0;
  text-decoration: none;
}
.single .postBody sup, .single .postBody sub,
.page .postBody sup,
.page .postBody sub {
  font-size: 10px;
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}
.single .postBody sub,
.page .postBody sub {
  top: .5ex;
}
.single .postBody sup,
.page .postBody sup {
  bottom: 1ex;
}
.single .postBody code, .single .postBody kbd, .single .postBody samp, .single .postBody var,
.page .postBody code,
.page .postBody kbd,
.page .postBody samp,
.page .postBody var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
.single .postBody abbr, .single .postBody acronym, .single .postBody dfn,
.page .postBody abbr,
.page .postBody acronym,
.page .postBody dfn {
  border-bottom: 1px dotted #666;
  cursor: help;
}
.single .postBody cite, .single .postBody em, .single .postBody i,
.page .postBody cite,
.page .postBody em,
.page .postBody i {
  font-style: italic;
}
.single .postBody embed,
.single .postBody iframe,
.single .postBody object,
.single .postBody video,
.page .postBody embed,
.page .postBody iframe,
.page .postBody object,
.page .postBody video {
  max-width: 100%;
}
.single .postBody .twitter-tweet-rendered,
.page .postBody .twitter-tweet-rendered {
  max-width: 100% !important;
}
.single .postBody .video,
.page .postBody .video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.single .postBody .video embed,
.single .postBody .video iframe,
.single .postBody .video object,
.single .postBody .video video,
.page .postBody .video embed,
.page .postBody .video iframe,
.page .postBody .video object,
.page .postBody .video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.single .postBody img,
.page .postBody img {
  margin-bottom: 0.5em;
}
.single .postBody .alignleft,
.page .postBody .alignleft {
  float: left;
  margin: 0.5em 1.2em 0.5em 0;
}
.single .postBody .alignright,
.page .postBody .alignright {
  float: right;
  margin: 0.5em 0 0.5em 1em;
}
.single .postBody .aligncenter,
.page .postBody .aligncenter {
  display: block;
  margin: 0.5em auto;
}
.single .postBody .alignnone,
.page .postBody .alignnone {
  margin: 0.5em 1em 0.5em 0;
}
.single .postBody img,
.single .postBody .comment-content img,
.single .postBody .widget img,
.single .postBody img.header-image,
.single .postBody .author-avatar img,
.single .postBody img.wp-post-image,
.page .postBody img,
.page .postBody .comment-content img,
.page .postBody .widget img,
.page .postBody img.header-image,
.page .postBody .author-avatar img,
.page .postBody img.wp-post-image {
  max-width: 100% !important;
  width: auto;
  height: auto !important;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
.single .postBody .wp-caption,
.page .postBody .wp-caption {
  max-width: 100%;
  padding: 4px;
}
.single .postBody .wp-caption .wp-caption-text,
.single .postBody .gallery-caption,
.single .postBody .entry-caption,
.page .postBody .wp-caption .wp-caption-text,
.page .postBody .gallery-caption,
.page .postBody .entry-caption {
  line-height: 1.4;
  margin-top: 0.4em;
  color: #777;
}
.single .postBody img.wp-smiley,
.single .postBody .rsswidget img,
.page .postBody img.wp-smiley,
.page .postBody .rsswidget img {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.single .postBody dl.gallery-item,
.page .postBody dl.gallery-item {
  margin: 0;
}
.single .postBody .gallery-item a,
.page .postBody .gallery-item a {
  display: block;
  width: 90%;
}
.single .postBody .gallery-columns-1 .gallery-item a,
.page .postBody .gallery-columns-1 .gallery-item a {
  max-width: 100%;
  width: auto;
}
.single .postBody .gallery .gallery-icon img,
.page .postBody .gallery .gallery-icon img {
  height: auto;
  max-width: 90%;
  padding: 5%;
}
.single .postBody .gallery-columns-1 .gallery-icon img,
.page .postBody .gallery-columns-1 .gallery-icon img {
  padding: 3%;
}

.breadcrumb {
  height: 27px;
  width: 100%;
  line-height: 27px;
  font-size: 0.9em;
  margin-top: 0px;
  margin-bottom: 15px;
  color: #aaa;
  overflow: hidden;
}

.breadcrumb strong {
  font-weight: normal;
  color: #222;
}

.breadElement {
  margin-left: 7px;
}

.breadcrumb a {
  color: #8b0f13 !important;
  text-decoration: none;
}

.breadcrumb a:hover {
  color: #8b0f13 !important;
  text-decoration: none;
}

.wp-pagenavi {
  font-size: 25px;
  line-height: 25px;
  width: 100%;
  position: relative;
  text-align: center;
  margin: 40px auto 0;
  font-family: "DINNextLTPro-Medium", "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  color: #b0b0b0;
}
.wp-pagenavi a, .wp-pagenavi span {
  border: none;
  padding: 0;
  margin: 0;
}
.wp-pagenavi .pages {
  display: none;
}
.wp-pagenavi span,
.wp-pagenavi a {
  margin: 0 7px;
}
.wp-pagenavi .current {
  color: #3c322c;
}
.wp-pagenavi a.page {
  color: #b0b0b0;
}
.wp-pagenavi a.page:hover {
  color: #d2d2d2;
}
.wp-pagenavi a.previouspostslink {
  color: #b0b0b0;
}
.wp-pagenavi a.nextpostslink {
  color: #b0b0b0;
}
.wp-pagenavi a.previouspostslink:hover,
.wp-pagenavi a.nextpostslink:hover {
  color: #d2d2d2;
}
.wp-pagenavi .first,
.wp-pagenavi .last {
  display: none;
}

.wpcf7-form-control-wrap input[type="text"],
.wpcf7-form-control-wrap input[type="password"],
.wpcf7-form-control-wrap input[type="datetime"],
.wpcf7-form-control-wrap input[type="datetime-local"],
.wpcf7-form-control-wrap input[type="date"],
.wpcf7-form-control-wrap input[type="month"],
.wpcf7-form-control-wrap input[type="time"],
.wpcf7-form-control-wrap input[type="week"],
.wpcf7-form-control-wrap input[type="number"],
.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap input[type="url"],
.wpcf7-form-control-wrap input[type="search"],
.wpcf7-form-control-wrap input[type="tel"],
.wpcf7-form-control-wrap input[type="color"],
.wpcf7-form-control-wrap textarea {
  padding: 7px;
  border: solid 1px #E5E5E5;
  outline: 0;
  background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
  -ms-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
  -o-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
  width: 280px;
}

.wpcf7-form-control-wrap textarea {
  width: 280px;
  max-width: 280px;
  height: 200px;
}

.wpcf7-form-control-wrap input:hover, .wpcf7-form-control-wrap textarea:hover,
.wpcf7-form-control-wrap input:focus, .wpcf7-form-control-wrap textarea:focus {
  border-color: #C9C9C9;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}

.wpcf7-list-item {
  margin-right: 1em;
}

.wpcf7-submit {
  margin-top: 10px;
}

div.wpcf7-mail-sent-ok {
  border: 2px solid #8FC31F;
}

div.wpcf7-mail-sent-ng {
  border: 2px solid #A82232;
}

div.wpcf7-spam-blocked {
  border: 2px solid #E28B00;
}

div.wpcf7-validation-errors {
  border: 2px solid #804F1B;
}

span.wpcf7-not-valid-tip {
  border: 1px solid #8b0f13;
}

div.wpcf7 img.ajax-loader {
  display: block;
  margin: 5px auto 2px !important;
}

.wpcf7-form {
  border-top: 1px dotted #aaa;
  font-size: 14px;
}
.wpcf7-form .control-group {
  *zoom: 1;
  border-bottom: 1px dotted #aaa;
  padding-top: 6px;
  margin-bottom: 0;
  background: url(http://www.dhctheater.com/wp-content/themes/theater_common/img/contact_form_bg.png) repeat-y left top;
}
.wpcf7-form .control-group:after {
  content: "";
  display: block;
  clear: both;
}
.wpcf7-form .control-group .control-label {
  float: left;
  width: 142px;
  white-space: nowrap;
  font-weight: bold;
  color: #5b5b5b;
  line-height: 36px;
  padding: 0 12px 0 12px;
  text-align: right;
}
.wpcf7-form .control-group .control-label span {
  font-size: 0.85em;
  color: #d8583d;
}
.wpcf7-form .control-group .controls {
  margin-left: 12em;
}
.wpcf7-form .control-group .controls input[type="text"],
.wpcf7-form .control-group .controls input[type="email"],
.wpcf7-form .control-group .controls input[type="date"],
.wpcf7-form .control-group .controls input[type="password"] {
  width: 426px;
  padding: 7px;
  line-height: 14px;
  margin-bottom: 0;
}
.wpcf7-form .control-group .controls ::-webkit-input-placeholder {
  line-height: 29px;
  color: #cccccc;
}
.wpcf7-form .control-group .controls :-moz-placeholder {
  line-height: 29px;
  color: #cccccc;
}
.wpcf7-form .control-group .controls textarea {
  width: 426px;
  max-width: 426px;
  height: 200px;
}
.wpcf7-form .control-group .controls select {
  height: 36px;
  margin: 0;
  min-width: 260px;
  width: auto;
}
.wpcf7-form .control-group table td {
  white-space: nowrap;
}
.wpcf7-form input[type="radio"],
.wpcf7-form input[type="checkbox"] {
  display: inline-block;
  margin-right: 5px;
}
.wpcf7-form label {
  display: inline;
  margin-right: 0.75em;
}
.wpcf7-form .catExp {
  display: inline-block;
  margin-left: 4px;
  font-size: 12px;
  line-height: 1;
}
.wpcf7-form .catExp a {
  display: block;
  padding: 2px 4px;
  background-color: #ccc;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.wpcf7-form .control-group-small .control-label span {
  font-size: 0.9em;
}
.wpcf7-form .wpcf7-submit {
  border-style: none;
  padding: 0;
  display: block;
  height: 40px;
  line-height: 40px;
  min-width: 254px;
  margin-left: auto;
  margin-right: auto;
  background-color: #4ba2b0;
  color: #fff;
  font-size: 15px;
  letter-spacing: 1px;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}
.wpcf7-form .wpcf7-submit:hover {
  background-color: rgba(76, 163, 176, 0.89);
}

::-webkit-input-placeholder {
  color: #bbb !important;
}

:-moz-placeholder {
  color: #bbb !important;
}

.mb-70 {
  margin-bottom: -70px !important;
}

.mb-50 {
  margin-bottom: -50px !important;
}

.mb-10 {
  margin-bottom: -10px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.alignright {
  text-align: right;
}

.aligncenter {
  text-align: center;
}

.alignleft {
  text-align: left;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.prelative {
  position: relative;
}

.bordertop {
  border-top: dotted 1px #cccccc;
}

.borderbottom {
  border-top: dotted 1px #cccccc;
}

.gray {
  color: #B3B3B3;
}

.txt12em {
  font-size: 1.2em;
}

.txt11em {
  font-size: 1.1em;
}

.txt09em {
  font-size: 0.9em;
}

@media (max-width: 767px) {
  a:hover img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }

  #header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 45px;
    background: #fff;
    z-index: 999;
  }
  #header #header-holder {
    width: 100%;
    min-width: 320px;
    height: 45px;
  }
  #header h1 {
    left: 10px;
    top: 6px;
    width: 130px;
    height: 30px;
  }
  #header h1 img {
    width: 100%;
    height: auto;
  }
  #header .headerDescription {
    display: none;
  }
  #header #headerHowtoBtn {
    height: 45px;
    width: auto;
    right: 46px;
    top: 0;
    font-size: 13px;
    line-height: 45px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0 12px;
  }
  #header #headerHowtoBtn .btnicon {
    padding-right: 8px;
  }
  #header #headerHowtoBtn .btnicon img {
    width: 16px;
    vertical-align: middle;
  }
  #header label#smtGnaviBtn {
    display: block;
    position: absolute;
    width: 45px;
    height: 45px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    outline-style: none;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: #3b312c url(../img/common_header_gnavibtn_sp.svg) no-repeat center center;
    -webkit-background-size: 45px 45px;
    -moz-background-size: 45px 45px;
    -ms-background-size: 45px 45px;
    -o-background-size: 45px 45px;
    background-size: 45px 45px;
    left: auto;
    right: 0;
    top: 0;
  }
  #header input[type="checkbox"].on-off {
    display: none;
  }
  #header input[type="checkbox"].on-off + #gnavi {
    height: 0;
    overflow: hidden;
  }
  #header input[type="checkbox"].on-off:checked + #gnavi {
    height: 100px;
  }
  #header #gnavi {
    position: absolute;
    width: 100%;
    top: 45px;
    z-index: 998;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
       box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
    background: #3b312c;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #header #gnavi #gnavi-holder {
    box-sizing: border-box;
    width: 100%;
    padding: 8px;
    border-left: none;
    margin-top: 0;
  }
  #header #gnavi #gnavi-holder .nav {
    font-size: 14px;
    height: 60px;
    line-height: 34px;
    border-right: none;
    margin-left: 0;
    width: 10em;
  }
  #header #gnavi #gnavi-holder .nav a {
    display: block;
    color: #fff;
    padding: 0 0 0 15px !important;
    background: #3b312c url(../img/common_icon_bulletoncircle_r.svg) no-repeat left center;
    -webkit-background-size: 8px 8px;
    -moz-background-size: 8px 8px;
    -ms-background-size: 8px 8px;
    -o-background-size: 8px 8px;
    background-size: 8px 8px;
    text-align: left;
  }
  #header #gnavi #gnavi-holder .nav a:hover {
    background: #3b312c url(../img/common_icon_bulletoncircle_r.svg) no-repeat left center;
    -webkit-background-size: 8px 8px;
    -moz-background-size: 8px 8px;
    -ms-background-size: 8px 8px;
    -o-background-size: 8px 8px;
    background-size: 8px 8px;
    color: rgba(255, 255, 255, 0.8);
  }
  #header #gnavi #gnavi-holder .nav.current a {
    background: #3b312c url(../img/common_icon_bulletoncircle_r.svg) no-repeat left center;
    -webkit-background-size: 8px 8px;
    -moz-background-size: 8px 8px;
    -ms-background-size: 8px 8px;
    -o-background-size: 8px 8px;
    background-size: 8px 8px;
  }
  #header #gnavi #gnavi-holder #gnaviMenu2:after {
    clear: both;
  }
  #header #gnavi #gnavi-holder #gnaviMenu4 {
    margin-bottom: 7px;
  }
  #header #gnavi #gnavi-holder #gnaviSearch {
    display: block;
    height: 40px;
    width: 100%;
    margin-top: -5px;
  }
  #header #gnavi #gnavi-holder #gnaviSearch form {
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
  }
  #header #gnavi #gnavi-holder #gnaviSearch input[type="text"] {
    height: 40px;
    line-height: 40px;
    width: 90%;
    font-size: 14px;
    padding: 0 0 0 16px;
    margin: 0;
  }
  #header #gnavi #gnavi-holder #gnaviSearch input[type="submit"] {
    background: url(../img/common_icon_search.svg) no-repeat center center;
    width: 6%;
    height: 19px;
    -webkit-background-size: 19px 19px;
    -moz-background-size: 19px 19px;
    -ms-background-size: 19px 19px;
    -o-background-size: 19px 19px;
    background-size: 19px 19px;
  }

  #footer {
    position: relative;
    width: 100%;
    height: auto;
  }
  #footer #tel {
    width: 320px;
    margin: 0 auto 20px;
    padding-top: 30px;
  }
  #footer #tel img {
    width: 100%;
    height: auto;
  }
  #footer #footer-bg {
    background: #3b312c;
  }
  #footer #footer-bg #footer-holder {
    position: relative;
    width: 100%;
    margin: 0 auto;
  }
  #footer #footer-bg #footerLogo {
    position: relative;
    width: 176px;
    height: 40px;
    right: auto;
    bottom: auto;
    margin: 0 auto 20px;
  }
  #footer #footer-bg #footerLogo img {
    width: 100%;
    height: auto;
  }
  #footer #footer-bg #footerCopyright {
    position: relative;
    height: auto;
    right: auto;
    bottom: auto;
    text-align: center;
    font-size: 11px;
    line-height: 1.2;
    padding: 0 0 20px;
  }
  #footer #footer-bg #footerUnavi {
    padding: 0;
    *zoom: 1;
    margin-bottom: 20px;
  }
  #footer #footer-bg #footerUnavi:after {
    content: "";
    display: block;
    clear: both;
  }
  #footer #footer-bg #footerUnavi .footerUnavi-holder {
    box-sizing: border-box;
    width: 50%;
    float: left;
    margin-right: 0;
    border-top: solid 1px rgba(255, 255, 255, 0.2);
    line-height: 1.2;
  }
  #footer #footer-bg #footerUnavi .footerUnavi-holder li {
    border-bottom: solid 1px rgba(255, 255, 255, 0.2);
  }
  #footer #footer-bg #footerUnavi .footerUnavi-holder li a {
    display: block;
    padding: 12px 7px;
    color: #fff;
  }
  #footer #footer-bg #footerUnavi .footerUnavi-holder li a:hover {
    color: rgba(255, 255, 255, 0.75);
  }
  #footer #footer-bg #footerUnavi .footerUnavi-holder:first-child li {
    border-right: solid 1px rgba(255, 255, 255, 0.2);
  }

  .article {
    position: relative;
  }
  .article .articleHeader {
    *zoom: 1;
  }
  .article .articleHeader:after {
    content: "";
    display: block;
    clear: both;
  }
  .article h1 {
    float: left;
    font-size: 22px;
    font-weight: bold;
    color: #3c322c;
    margin-top: 10px;
  }
  .article h2 {
    float: left;
    font-size: 22px;
    font-weight: bold;
    color: #3c322c;
  }
  .article .btnGo {
    float: right;
  }
  .article#topPguide .articleHeader h2, .article#topPguide .articleHeader h3, .article#topNews .articleHeader h2, .article#topNews .articleHeader h3, .article#topLive .articleHeader h2, .article#topLive .articleHeader h3, .article#topRecommends .articleHeader h2, .article#topRecommends .articleHeader h3, .article#topCasts .articleHeader h2, .article#topCasts .articleHeader h3 {
    font-size: 22px;
    margin-top: 10px;
  }

  .contents#eyecatch .articleHeader h2, .contents#eyecatch .articleHeader h3, .contents#programsAndCast .articleHeader h2, .contents#programsAndCast .articleHeader h3, .contents#castListArea .articleHeader h2, .contents#castListArea .articleHeader h3, .contents#allCastListArea .articleHeader h2, .contents#allCastListArea .articleHeader h3, .contents#recommends .articleHeader h2, .contents#recommends .articleHeader h3, .contents#infoLiveportal .articleHeader h2, .contents#infoLiveportal .articleHeader h3, .contents#aboutLiveportal .articleHeader h2, .contents#aboutLiveportal .articleHeader h3, .contents#shutsuenshashosai .articleHeader h2, .contents#shutsuenshashosai .articleHeader h3 {
    font-size: 22px;
  }

  .holder980 {
    width: 290px;
  }

  .holder880 {
    width: 290px;
  }

  .btnGo {
    display: block;
    font-size: 14px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    padding: 11px 12px;
  }
  .btnGo span {
    padding-right: 20px;
  }

  .btnGoLight {
    color: #3c322c;
    background-color: #fff;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
  }
  .btnGoLight span {
    background: url(../img/common_icon_bullet_r_brown.svg) no-repeat right center;
    -webkit-background-size: 11px 13px;
    -moz-background-size: 11px 13px;
    -ms-background-size: 11px 13px;
    -o-background-size: 11px 13px;
    background-size: 11px 13px;
  }
  .btnGoLight:hover {
    color: #3c322c;
    background-color: rgba(255, 255, 255, 0.8);
  }

  .btnGoDark {
    color: #fff;
    background-color: #3b312c;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
  }
  .btnGoDark span {
    background: url(../img/common_icon_bullet_r_white.svg) no-repeat right center;
    -webkit-background-size: 11px 13px;
    -moz-background-size: 11px 13px;
    -ms-background-size: 11px 13px;
    -o-background-size: 11px 13px;
    background-size: 11px 13px;
  }
  .btnGoDark:hover {
    color: #fff;
    background-color: #5d534e;
  }

  .btnDatail {
    font-size: 14px;
    width: auto;
    padding: 11px 14px;
  }
  .btnDatail span {
    padding-right: 20px;
    background: url(../img/common_icon_bullet_r_white.svg) no-repeat right center;
    -webkit-background-size: 11px 13px;
    -moz-background-size: 11px 13px;
    -ms-background-size: 11px 13px;
    -o-background-size: 11px 13px;
    background-size: 11px 13px;
  }
  .btnDatail:hover {
    color: #fff;
    background-color: rgba(140, 16, 20, 0.8);
  }

  .btnBack {
    font-size: 14px;
    padding: 11px 14px;
  }
  .btnBack span {
    padding-left: 20px;
    background: url(../img/common_icon_bullet_l_brown.svg) no-repeat left center;
    -webkit-background-size: 11px 13px;
    -moz-background-size: 11px 13px;
    -ms-background-size: 11px 13px;
    -o-background-size: 11px 13px;
    background-size: 11px 13px;
  }

  .btnPrimary {
    font-size: 15px;
    text-align: center;
  }
  .btnPrimary span {
    padding-right: 20px;
    background: url(../img/common_icon_bullet_r_white.svg) no-repeat right center;
    -webkit-background-size: 11px 13px;
    -moz-background-size: 11px 13px;
    -ms-background-size: 11px 13px;
    -o-background-size: 11px 13px;
    background-size: 11px 13px;
  }
  .btnPrimary:hover {
    color: #fff;
    background-color: rgba(140, 16, 20, 0.8);
  }

  .btnSecondary {
    font-size: 15px;
    text-align: center;
  }
  .btnSecondary span {
    padding-right: 20px;
    background: url(../img/common_icon_bullet_r_white.svg) no-repeat right center;
    -webkit-background-size: 11px 13px;
    -moz-background-size: 11px 13px;
    -ms-background-size: 11px 13px;
    -o-background-size: 11px 13px;
    background-size: 11px 13px;
  }
  .btnSecondary:hover {
    color: #fff;
    background-color: rgba(176, 176, 176, 0.8);
  }

  body.home #topMainvisual {
    padding-top: 45px;
  }
  #topMainvisual .holder980 {
    width: 320px;
    height: 180px !important;
  }
  #topMainvisual .topMainvisualImg img,
  #topMainvisual .topMainvisualImg iframe {
    width: 320px;
    height: 180px;
  }
  #topMainvisual .topMainvisualInfo {
    width: 80px;
    height: auto;
  }
  #topMainvisual .topMainvisualInfo a {
    display: none;
  }
  #topMainvisual .topMainvisualInfo .topMainvisualdate {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 3px;
  }
  #topMainvisual .topMainvisualInfo .time {
    font-size: 25px;
  }

  .topMainvisualTitle {
    padding: 11px 0 12px;
    font-size: 18px;
  }

  #topPguideBlock {
    padding-top: 30px;
  }
  #topPguideBlock:after {
    background: url(../img/common_bg_grade_bottom.png) no-repeat center top;
    -webkit-background-size: 274px 7px;
    -moz-background-size: 274px 7px;
    -ms-background-size: 274px 7px;
    -o-background-size: 274px 7px;
    background-size: 274px 7px;
    height: 7px;
    bottom: -7px;
  }
  #topPguideBlock #topPguide {
    padding-bottom: 30px;
  }
  #topPguideBlock #topPguide .articleHeader {
    margin-bottom: 10px;
  }
  #topPguideBlock #topPguide .articleHeader h1 span, #topPguideBlock #topPguide .articleHeader h2 span {
    font-size: 16px;
    line-height: 22px;
  }
  #topPguideBlock #topPguide #pguideDateSp {
    float: none;
    height: 43px;
    line-height: 43px;
    width: 300px;
    background: #fff;
    text-align: center;
    font-size: 25px;
    margin: 0 0 0 -5px;
    font-family: "DINNextLTPro-Medium", "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #topPguideBlock #topPguide #pguideDateSp span.currentYobi {
    font-size: 18px;
    margin: 0 -0.9em 0 -0.3em;
    font-weight: bold;
  }
  #topPguideBlock #topPguide #pguideNowonair {
    *zoom: 1;
    float: none;
    width: 320px;
    height: auto;
    padding-bottom: 10px;
    margin-left: -15px;
  }
  #topPguideBlock #topPguide #pguideNowonair:after {
    content: "";
    display: block;
    clear: both;
  }
  #topPguideBlock #topPguide #pguideNowonair #pguideNowonairTitle {
    height: 23px;
    font-size: 16px;
    line-height: 23px;
    padding-top: 3px;
  }
  #topPguideBlock #topPguide #pguideNowonair .pguideNowonairImg {
    position: absolute;
    right: 10px;
    top: 26px;
  }
  #topPguideBlock #topPguide #pguideNowonair .pguideNowonairImg img {
    width: 95px;
    height: auto;
  }
  #topPguideBlock #topPguide #pguideNowonair .pguideProgram {
    width: 272px;
  }
  #topPguideBlock #topPguide #pguideNowonair .pguideProgram h4 {
    width: 180px;
  }
  #topPguideBlock #topPguide #pguideNowonair .pguideProgram h5 {
    width: 180px;
    height: 2.5em;
  }
  #topPguideBlock #topPguide #pguideNowonair .btnDatail {
    margin-right: -7px;
  }
  #topPguideBlock #topPguide #pguideFromnow {
    float: none;
    width: 320px;
    margin-left: -15px;
    position: relative;
  }
  #topPguideBlock #topPguide #pguideFromnow .slider-controls {
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    width: 33px;
    height: 430px;
    background: transparent;
    z-index: 11;
  }
  #topPguideBlock #topPguide #pguideFromnow .slider-controls h3 {
    display: none;
  }
  #topPguideBlock #topPguide #pguideFromnow .slider-controls .slider-control {
    display: block;
    position: absolute;
    left: -10px;
    top: 0;
    width: 33px;
    height: 33px;
    background: #b2aaa3 url(../img/common_icon_arrow_u.svg) no-repeat center 10px;
    -webkit-background-size: 17px 11px;
    -moz-background-size: 17px 11px;
    -ms-background-size: 17px 11px;
    -o-background-size: 17px 11px;
    background-size: 17px 11px;
    overflow: hidden;
    text-indent: -999px;
    cursor: pointer;
  }
  #topPguideBlock #topPguide #pguideFromnow .slider-controls #sliderForward {
    right: auto;
    top: auto;
    left: -10px;
    bottom: 0;
    background: #b2aaa3 url(../img/common_icon_arrow_d.svg) no-repeat center center;
    -webkit-background-size: 17px 11px;
    -moz-background-size: 17px 11px;
    -ms-background-size: 17px 11px;
    -o-background-size: 17px 11px;
    background-size: 17px 11px;
  }
  #topPguideBlock #topPguide #pguideFromnow #slider-wrapper {
    position: relative;
    top: 0;
    height: 415px;
    width: 300px;
    overflow: hidden;
    margin: 0 auto;
    padding: 0 0 14px;
  }
  #topPguideBlock #topPguide #pguideFromnow #slider-wrapper #slider-inner {
    width: 280px !important;
    overflow: hidden;
  }
  #topPguideBlock #topPguide #pguideFromnow #slider-wrapper #today, #topPguideBlock #topPguide #pguideFromnow #slider-wrapper #tommorow {
    float: none;
  }
  #topPguideBlock #topPguide #pguideFromnow #slider-wrapper .pguideProgram {
    float: none;
    padding: 12px 20px 15px;
  }
  #topPguideBlock #topPguide .pguideProgram {
    padding: 12px 15px 0px;
    width: 260px;
    height: 175px;
    *zoom: 1;
  }
  #topPguideBlock #topPguide .pguideProgram:after {
    content: "";
    display: block;
    clear: both;
  }
  #topPguideBlock #topPguide .pguideProgram h4 {
    width: 180px;
    font-size: 24px;
  }
  #topPguideBlock #topPguide .pguideProgram h5 {
    height: 1.2em;
    width: 180px;
    font-size: 18px;
    height: auto;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -ms-line-clamp: 1;
    -o-line-clamp: 1;
    line-clamp: 1;
  }
  #topPguideBlock #topPguide .pguideProgram p {
    height: 4.5em;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -ms-line-clamp: 3;
    -o-line-clamp: 3;
    line-clamp: 3;
  }
  #topPguideBlock #topPguide .pguideProgram .btnDatail {
    margin-right: 14px;
  }

  #topNewsBlock {
    padding-top: 30px;
  }
  #topNewsBlock:after {
    background: url(../img/common_bg_grade_bottom.png) no-repeat center top;
    -webkit-background-size: 274px 7px;
    -moz-background-size: 274px 7px;
    -ms-background-size: 274px 7px;
    -o-background-size: 274px 7px;
    background-size: 274px 7px;
    height: 7px;
    bottom: -7px;
  }
  #topNewsBlock #topNews {
    padding-bottom: 20px;
  }
  #topNewsBlock #topNews .articleHeader {
    margin-bottom: 20px;
  }
  #topNewsBlock #topNews .topNewsItems {
    padding-left: 0;
  }
  #topNewsBlock #topNews .topNewsItems li {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 1.2;
  }
  #topNewsBlock #topNews .topNewsItems li a {
    overflow: visible;
    text-overflow: inherit;
    white-space: inherit;
    width: 100%;
  }
  #topNewsBlock #topNews .topNewsItems li a:hover {
    color: #555;
  }
  #topNewsBlock #topNews .topNewsItems li span {
    display: block;
    font-size: 18px;
    margin-bottom: 4px;
  }

  #topLive {
    padding-top: 30px;
    padding-bottom: 10px;
  }
  #topLive:after {
    background: url(../img/common_bg_white_bottom.png) no-repeat center top;
    -webkit-background-size: 274px 7px;
    -moz-background-size: 274px 7px;
    -ms-background-size: 274px 7px;
    -o-background-size: 274px 7px;
    background-size: 274px 7px;
    height: 7px;
    bottom: -7px;
  }
  #topLive .articleHeader {
    margin-bottom: 20px;
  }
  #topLive .liveRow {
    margin-bottom: 0;
    margin-left: 0;
  }
  #topLive .liveRow .program {
    *zoom: 1;
    float: none;
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }
  #topLive .liveRow .program:after {
    content: "";
    display: block;
    clear: both;
  }
  #topLive .liveRow .program .programImg {
    display: block;
    width: 100%;
    margin-bottom: 12px;
  }
  #topLive .liveRow .program .programInfo {
    padding: 0 0 20px;
  }
  #topLive .liveRow .program .programInfo h2, #topLive .liveRow .program .programInfo h3, #topLive .liveRow .program .programInfo h4 {
    font-size: 18px;
    margin-bottom: 12px;
    text-align: left;
  }
  #topLive .liveRow .program .programInfo p {
    margin-bottom: 12px;
  }
  #topLive .liveRow .program .programInfo .programChList {
    float: left;
  }
  #topLive .liveRow .program .programInfo .programDetail {
    float: right;
  }

  #topRecommends {
    padding-top: 30px;
    padding-bottom: 10px;
  }
  #topRecommends:after {
    background: url(../img/common_bg_beige_bottom.png) no-repeat center top;
    -webkit-background-size: 274px 7px;
    -moz-background-size: 274px 7px;
    -ms-background-size: 274px 7px;
    -o-background-size: 274px 7px;
    background-size: 274px 7px;
    height: 7px;
    bottom: -7px;
    left: -50px;
  }
  #topRecommends .articleHeader {
    margin-bottom: 20px;
  }
  #topRecommends .recommendsRow {
    margin-bottom: 0;
    margin-left: 0;
  }
  #topRecommends .recommendsRow .program {
    *zoom: 1;
    float: none;
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }
  #topRecommends .recommendsRow .program:after {
    content: "";
    display: block;
    clear: both;
  }
  #topRecommends .recommendsRow .program .programImg {
    display: block;
    width: 100%;
    margin-bottom: 12px;
  }
  #topRecommends .recommendsRow .program .programImg img {
    width: 100%;
    height: auto;
  }
  #topRecommends .recommendsRow .program .programInfo {
    padding: 0 0 20px;
  }
  #topRecommends .recommendsRow .program .programInfo h2, #topRecommends .recommendsRow .program .programInfo h3, #topRecommends .recommendsRow .program .programInfo h4 {
    font-size: 18px;
    margin-bottom: 12px;
    text-align: left;
  }
  #topRecommends .recommendsRow .program .programInfo p {
    margin-bottom: 2px;
  }
  #topRecommends .recommendsRow .program .programInfo .programChList {
    float: none;
    *zoom: 1;
    margin-bottom: 5px;
  }
  #topRecommends .recommendsRow .program .programInfo .programChList:after {
    content: "";
    display: block;
    clear: both;
  }
  #topRecommends .recommendsRow .program .programInfo .programChList a {
    display: block;
    float: left;
    margin-right: 2px;
    margin-bottom: 2px;
    height: 28px;
  }
  #topRecommends .recommendsRow .program .programInfo .programChList img {
    padding: 2px 8px;
  }
  #topRecommends .recommendsRow .program .programInfo .programDetail {
    float: right;
  }

  #topCasts {
    padding-top: 30px;
  }
  #topCasts:after {
    background: url(../img/common_bg_white_bottom.png) no-repeat center top;
    -webkit-background-size: 274px 7px;
    -moz-background-size: 274px 7px;
    -ms-background-size: 274px 7px;
    -o-background-size: 274px 7px;
    background-size: 274px 7px;
    height: 7px;
    bottom: -7px;
  }
  #topCasts .articleHeader {
    margin-bottom: 30px;
  }
  #topCasts .carousel {
    padding-bottom: 30px;
  }
  #topCasts .carousel .carousel-inner {
    width: 245px;
    height: 320px;
  }
  #topCasts .carousel .carousel-inner .item {
    width: 270px;
    margin-left: -25px;
  }
  #topCasts .carousel .carousel-inner .cast {
    width: 110px;
    margin-left: 25px;
  }
  #topCasts .carousel .carousel-inner .cast:nth-child(even) {
    margin-top: 0;
  }
  #topCasts .carousel .carousel-inner .cast .castImg img {
    width: 110px;
    height: 110px;
    margin-bottom: 12px;
  }
  #topCasts .carousel .carousel-inner .cast h3 {
    font-size: 16px;
    margin-bottom: 12px;
  }
  #topCasts .carousel .carousel-inner .cast h3:after {
    width: 24px;
    margin: 12px auto 0;
  }
  #topCasts .carousel .carousel-inner .cast p {
    height: 9.8em;
    line-height: 1.65;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 6;
    -moz-line-clamp: 6;
    -ms-line-clamp: 6;
    -o-line-clamp: 6;
    line-clamp: 6;
    padding-left: 7px;
  }
  #topCasts .carousel .carousel-control {
    top: 120px;
    left: -12px;
    bottom: 0;
    width: 30px;
    height: 44px;
    background: #959595 url(../img/common_icon_arrow_l.svg) no-repeat center center;
    -webkit-background-size: 14px 21px;
    -moz-background-size: 14px 21px;
    -ms-background-size: 14px 21px;
    -o-background-size: 14px 21px;
    background-size: 14px 21px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  #topCasts .carousel .carousel-control.right {
    left: auto;
    right: -12px;
    background: #959595 url(../img/common_icon_arrow_r.svg) no-repeat center center;
    -webkit-background-size: 14px 21px;
    -moz-background-size: 14px 21px;
    -ms-background-size: 14px 21px;
    -o-background-size: 14px 21px;
    background-size: 14px 21px;
  }

  #nowonairFoot {
    display: block;
    position: fixed;
    width: 100%;
    height: 50px;
    left: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 999;
  }
  #nowonairFoot a {
    display: block;
    height: 50px;
    color: #fff;
    box-sizing: border-box;
    padding: 7px;
    background: #8b0f13 url(../img/common_footer_arrow.svg) no-repeat right center;
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -ms-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    background-size: 40px 40px;
  }
  #nowonairFoot h2 {
    font-size: 14px;
    line-height: 1;
    font-family: "DINNextLTPro-Medium", "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #nowonairFoot .nowonairFootInfo {
    height: 1.6em;
    overflow: hidden;
  }
  #nowonairFoot .nowonairFootInfo h3 {
    font-size: 14px;
    line-height: 1;
    font-family: "DINNextLTPro-Medium", "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    display: inline-block;
    border: solid 1px #fff;
    padding: 2px 3px 1px 1px;
  }
  #nowonairFoot .nowonairFootInfo h4 {
    font-size: 16px;
    line-height: 1;
    display: inline;
    font-weight: bold;
  }

  #breadcrumb {
    margin-top: 45px;
    padding: 15px 15px;
    background: #eee;
  }
  #breadcrumb #breadcrumb-holder {
    width: 100%;
  }

  #eyecatch {
    height: 120px;
    width: 100%;
    padding: 20px 0;
  }
  #eyecatch .holder980 {
    border-top: solid 1px rgba(255, 255, 255, 0.7);
    height: 120px;
    position: relative;
  }
  #eyecatch .holder980 h1, #eyecatch .holder980 h2 {
    float: none;
    font-size: 20px;
  }
  #eyecatch .holder980 .tagline {
    display: none;
  }
  #eyecatch .holder980 .enTitme {
    position: absolute;
    font-size: 14px;
    right: auto;
    left: 0;
    bottom: 20px;
    color: rgba(255, 255, 255, 0.3);
  }
  #eyecatch.eyecatchImg-shukanbangumihyo .eyecatchImg {
    height: 120px;
    width: 100%;
    top: 0;
    left: 0;
    background: url(../img/sub_eyecatch_red1_img.png) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #eyecatch.eyecatchImg-bangumi-ichiran-result .eyecatchImg {
    height: 120px;
    width: 100%;
    top: 0;
    left: 0;
    background: url(../img/sub_eyecatch_orange_img.png) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #eyecatch.eyecatchImg-bangumi-ichiran .eyecatchImg {
    height: 120px;
    width: 100%;
    top: 0;
    left: 0;
    background: url(../img/sub_eyecatch_orange_img.png) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #eyecatch.eyecatchImg-dhctheatertoha .eyecatchImg {
    height: 120px;
    width: 100%;
    top: 0;
    left: 0;
    background: url(../img/sub_eyecatch_yellow_img.png) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #eyecatch.eyecatchImg-kaishagaiyou .eyecatchImg {
    height: 120px;
    width: 100%;
    top: 0;
    left: 0;
    background: url(../img/sub_eyecatch_red1_img.png) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #eyecatch.eyecatchImg-liveportal .eyecatchImg {
    height: 120px;
    width: 100%;
    top: 0;
    left: 0;
    background: url(../img/sub_eyecatch_green3_img.png) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #eyecatch.eyecatchImg-mailmagazine .eyecatchImg {
    height: 120px;
    width: 100%;
    top: 0;
    left: 0;
    background: url(../img/sub_eyecatch_purple3_img.png) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #eyecatch.eyecatchImg-oshirase-ichiran .eyecatchImg {
    height: 120px;
    width: 100%;
    top: 0;
    left: 0;
    background: url(../img/sub_eyecatch_green2_img.png) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #eyecatch.eyecatchImg-oshirase-shosai .eyecatchImg {
    height: 120px;
    width: 100%;
    top: 0;
    left: 0;
    background: url(../img/sub_eyecatch_green2_img.png) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #eyecatch.eyecatchImg-present-ichiran .eyecatchImg {
    height: 120px;
    width: 100%;
    top: 0;
    left: 0;
    background: url(../img/sub_eyecatch_blue_img.png) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #eyecatch.eyecatchImg-privacypolicy .eyecatchImg {
    height: 120px;
    width: 100%;
    top: 0;
    left: 0;
    background: url(../img/sub_eyecatch_red1_img.png) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #eyecatch.eyecatchImg-shutsuensha-ichiran .eyecatchImg {
    height: 120px;
    width: 100%;
    top: 0;
    left: 0;
    background: url(../img/sub_eyecatch_green1_img.png) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #eyecatch.eyecatchImg-shutsuensha-shosai .eyecatchImg {
    height: 120px;
    width: 100%;
    top: 0;
    left: 0;
    background: url(../img/sub_eyecatch_green1_img.png) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #eyecatch.eyecatchImg-sitemap .eyecatchImg {
    height: 120px;
    width: 100%;
    top: 0;
    left: 0;
    background: url(../img/sub_eyecatch_red1_img.png) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #eyecatch.eyecatchImg-yokuarushitsumon .eyecatchImg {
    height: 120px;
    width: 100%;
    top: 0;
    left: 0;
    background: url(../img/sub_eyecatch_purple2_img.png) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  .contents {
    padding-top: 30px;
  }
  .contents .articleHeader {
    *zoom: 1;
  }
  .contents .articleHeader:after {
    content: "";
    display: block;
    clear: both;
  }
  .contents .articleHeader > h1, .contents .articleHeader > h2, .contents .articleHeader > h3 {
    float: left;
    font-size: 22px;
    margin-top: 11px;
  }
  .contents h2 {
    float: none;
  }
  .contents .btnGo {
    float: right;
  }

  .contents-bgw {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .contents-bgw:after {
    background: url(../img/common_bg_white_bottom.png) no-repeat center top;
    -webkit-background-size: 274px 7px;
    -moz-background-size: 274px 7px;
    -ms-background-size: 274px 7px;
    -o-background-size: 274px 7px;
    background-size: 274px 7px;
    height: 7px;
    bottom: -7px;
  }
  .contents-bgw .articleHeader {
    margin-bottom: 40px;
  }

  .contents-bgb {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .contents-bgb:after {
    background: url(../img/common_bg_beige_bottom.png) no-repeat center top;
    -webkit-background-size: 274px 7px;
    -moz-background-size: 274px 7px;
    -ms-background-size: 274px 7px;
    -o-background-size: 274px 7px;
    background-size: 274px 7px;
    height: 7px;
    bottom: -7px;
  }
  .contents-bgb .articleHeader {
    margin-bottom: 40px;
  }

  .contents-bg-woWaveLine {
    padding-bottom: 0;
  }
  .contents-bg-woWaveLine:after {
    display: none;
  }

  .paneMain {
    width: 100%;
    float: none;
  }

  .paneSub {
    width: 100%;
    float: none;
  }

  .programTable {
    margin-top: 0px;
    margin-bottom: 40px;
  }
  .programTable .carousel .carousel-indicators {
    display: none;
  }
  .programTable .carousel .carousel-inner {
    width: 290px;
    height: auto;
  }
  .programTable .carousel .carousel-inner .item {
    width: 290px;
  }
  .programTable .carousel .carousel-control {
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background: #b2aaa3 url(../img/common_icon_arrow_l.svg) no-repeat center center;
    -webkit-background-size: 14px 21px;
    -moz-background-size: 14px 21px;
    -ms-background-size: 14px 21px;
    -o-background-size: 14px 21px;
    background-size: 14px 21px;
    text-indent: -999px;
    opacity: 1;
  }
  .programTable .carousel .carousel-control:hover {
    opacity: 0.8;
  }
  .programTable .carousel .carousel-control.right {
    left: auto;
    right: 0;
    background: #b2aaa3 url(../img/common_icon_arrow_r.svg) no-repeat center center;
    -webkit-background-size: 14px 21px;
    -moz-background-size: 14px 21px;
    -ms-background-size: 14px 21px;
    -o-background-size: 14px 21px;
    background-size: 14px 21px;
  }
  .programTable .carousel table.programTableRate {
    width: 100%;
    margin: 0;
  }
  .programTable .carousel table.programTableRate.grayoutTable tbody td {
    background-color: #eee;
  }
  .programTable .carousel table.programTableRate thead th, .programTable .carousel table.programTableRate thead td,
  .programTable .carousel table.programTableRate tbody.thead th,
  .programTable .carousel table.programTableRate tbody.thead td {
    background: #3b312c;
    color: #fff;
    text-align: center;
    font-family: "DINNextLTPro-Medium", "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-size: 19px;
    height: 40px;
  }
  .programTable .carousel table.programTableRate thead th span,
  .programTable .carousel table.programTableRate tbody.thead th span {
    display: inline-block;
    line-height: 40px;
  }
  .programTable .carousel table.programTableRate thead th a,
  .programTable .carousel table.programTableRate tbody.thead th a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    vertical-align: top;
  }
  .programTable .carousel table.programTableRate thead th .picker,
  .programTable .carousel table.programTableRate tbody.thead th .picker {
    background: url(../img/common_icon_calendar.svg) no-repeat center 10px;
    width: 40px;
    height: 40px;
    -webkit-background-size: 19px 19px;
    -moz-background-size: 19px 19px;
    -ms-background-size: 19px 19px;
    -o-background-size: 19px 19px;
    background-size: 19px 19px;
  }
  .programTable .carousel table.programTableRate tbody th, .programTable .carousel table.programTableRate tbody td {
    border-bottom: dotted 1px rgba(59, 49, 44, 0.3);
  }
  .programTable .carousel table.programTableRate tbody th a, .programTable .carousel table.programTableRate tbody td a {
    color: #222;
  }
  .programTable .carousel table.programTableRate tbody th a:hover, .programTable .carousel table.programTableRate tbody td a:hover {
    color: #444444;
  }
  .programTable .carousel table.programTableRate tbody th {
    text-align: center;
    background-color: rgba(59, 49, 44, 0.2);
    font-family: "DINNextLTPro-Medium", "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-size: 15px;
    padding: 0 3px;
  }
  .programTable .carousel table.programTableRate tbody td {
    vertical-align: top;
    line-height: 1.4;
    background-color: #f7f7f7;
  }
  .programTable .carousel table.programTableRate tbody td div {
    padding: 7px;
    position: relative;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    height: 100%;
  }
  .programTable .carousel table.programTableRate tbody td div span {
    display: inline-block;
    font-family: "DINNextLTPro-Medium", "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    background: #3b312c;
    color: #fff;
    padding: 2px 4px 1px;
    line-height: 1;
    margin-right: 3px;
  }
  .programTable .carousel table.programTableRate tbody td div.grayout {
    background: transparent;
    opacity: 0.2;
  }
  .programTable .carousel table.programTableRate tbody td div.politics span {
    background-color: #6e4f84;
  }
  .programTable .carousel table.programTableRate tbody td div.debate span {
    background-color: #375586;
  }
  .programTable .carousel table.programTableRate tbody td div.culture span {
    background-color: #67a2a7;
  }
  .programTable .carousel table.programTableRate tbody td div.movie span {
    background-color: #387e46;
  }
  .programTable .carousel table.programTableRate tbody td div.music span {
    background-color: #2c897b;
  }
  .programTable .carousel table.programTableRate tbody td div.info span {
    background-color: #cebc70;
  }
  .programTable .carousel table.programTableRate tbody td div.kids span {
    background-color: #d5865e;
  }
  .programTable .carousel table.programTableRate tbody td div.stage span {
    background-color: #a2a354;
  }
  .programTable .carousel table.programTableRate tbody td div.beauty span {
    background-color: #cc7b79;
  }

  .xdsoft_datetimepicker .xdsoft_datepicker {
    width: 320px !important;
    font-family: "DINNextLTPro-Medium", "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }

  .xdsoft_datetimepicker .xdsoft_calendar td {
    height: 40px !important;
    font-size: 16px !important;
  }

  .xdsoft_datetimepicker .xdsoft_label {
    font-size: 16px !important;
  }

  .xdsoft_datetimepicker .xdsoft_year {
    width: 60px !important;
  }

  .liveRow .program .liveschedule {
    margin-bottom: 6px;
  }
  .liveRow .program .liveschedule .liveicon {
    padding: 4px 6px 3px;
    font-size: 12px;
    margin-right: 4px;
    vertical-align: 4px;
  }
  .liveRow .program .liveschedule .livedate {
    color: #3c322c;
    font-size: 24px;
    letter-spacing: -0.05em;
  }
  .liveRow .program .liveschedule .liveyobi {
    font-size: 20px;
  }
  .liveRow .program .liveschedule .livetime {
    font-size: 24px;
  }
  .liveRow .program .programInfo p {
    margin-bottom: 12px;
  }

  .recommendsRow, .programRow {
    margin-left: 0;
  }
  .recommendsRow .program, .programRow .program {
    *zoom: 1;
    float: none;
    width: 280px;
    margin: 0 auto 17px;
    box-sizing: border-box;
  }
  .recommendsRow .program:after, .programRow .program:after {
    content: "";
    display: block;
    clear: both;
  }
  .recommendsRow .program .programImg, .programRow .program .programImg {
    *zoom: 1;
    margin-bottom: 14px;
  }
  .recommendsRow .program .programImg:after, .programRow .program .programImg:after {
    content: "";
    display: block;
    clear: both;
  }
  .recommendsRow .program .programImg img, .programRow .program .programImg img {
    display: block;
    float: left;
    width: 100px;
    height: auto;
    margin-right: 10px;
  }
  .recommendsRow .program .programImg h2, .recommendsRow .program .programImg h3, .programRow .program .programImg h2, .programRow .program .programImg h3 {
    font-size: 16px;
    font-weight: bold;
    color: #3c322c;
  }
  .recommendsRow .program .programInfo, .programRow .program .programInfo {
    padding: 0;
  }
  .recommendsRow .program .programInfo .programNexttime, .programRow .program .programInfo .programNexttime {
    margin-bottom: 8px;
  }
  .recommendsRow .program .programInfo .programChList a, .programRow .program .programInfo .programChList a {
    height: 14px;
  }
  .recommendsRow .program .programInfo .programChList img, .programRow .program .programInfo .programChList img {
    height: 14px;
    width: auto;
    padding: 3px 8px;
  }
  .recommendsRow .program .programInfo .programDetail, .programRow .program .programInfo .programDetail {
    margin-bottom: 0;
  }

  #programMainvisual .holder980 {
    width: 320px;
    height: auto;
  }
  #programMainvisual .programMainvisualNowonair {
    padding: 10px;
    left: 0;
    top: 0;
    font-size: 13px;
  }
  #programMainvisual .programMainvisualImg img {
    display: block;
    width: 100%;
    height: auto;
  }
  #programMainvisual .programMainvisualInfo {
    width: 106px;
    height: auto;
    padding: 10px;
  }
  #programMainvisual .programMainvisualInfo a {
    display: none;
  }
  #programMainvisual .programMainvisualInfo .topMainvisualdate {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 3px;
  }
  #programMainvisual .programMainvisualInfo .time {
    font-size: 25px;
  }
  #programMainvisual .programMainvisualInfo .programMainvisualExp {
    font-size: 10px;
    margin-top: 0px;
    margin-bottom: 6px;
  }
  #programMainvisual .programMainvisualInfo .programMainvisualdate {
    font-size: 14px;
    margin-top: 6px;
    margin-bottom: 3px;
  }
  #programMainvisual .programMainvisualInfo .time {
    color: #fff;
    font-size: 27px;
    line-height: 1;
    font-family: "DINNextLTPro-Medium", "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }

  #programMainvisualChlist {
    display: none !important;
    background: #cbcbcb;
    padding-top: 8px;
  }
  #programMainvisualChlist ul {
    width: 300px;
    margin: 0 auto;
    text-align: center;
  }
  #programMainvisualChlist ul li {
    display: inline-block;
    width: 96px;
  }
  #programMainvisualChlist ul li img {
    width: 100%;
    height: auto;
    display: block;
  }

  #programDetail .programDetailTitle {
    margin-bottom: 45px;
  }
  #programDetail .programDetailTitle .programCatList {
    margin-bottom: 7px;
  }
  #programDetail .programDetailTitle h1, #programDetail .programDetailTitle h2 {
    font-size: 23px;
    margin-bottom: 14px;
  }
  #programDetail .programDetailTitle .seasonSeries {
    color: #3c322c;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 16px;
  }
  #programDetail .paneMain > h2, #programDetail .paneMain h3 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  #programDetail .paneMain .programDescription {
    padding-left: 0;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: solid 1px #e6e6e6;
  }
  #programDetail .paneMain .programBanner {
    margin-bottom: 45px;
    width: 100%;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: solid 1px #e6e6e6;
  }
  #programDetail .paneMain .programBanner a {
    display: block;
  }
  #programDetail .paneMain .programBanner a img {
    width: 100%;
    height: auto;
  }
  #programDetail .paneMain .castList {
    margin-left: -5px;
    padding-bottom: 4px;
    margin-bottom: 24px;
    border-bottom: solid 1px #e6e6e6;
  }
  #programDetail .paneMain .castList .cast {
    width: 110px;
    margin-left: 27px;
    margin-bottom: 20px;
  }
  #programDetail .paneMain .castList .cast .castImg {
    width: 110px;
  }
  #programDetail .paneMain .castList .cast .castImg img {
    margin-bottom: 6px;
  }
  #programDetail .paneMain .castList .cast h3, #programDetail .paneMain .castList .cast h4 {
    font-size: 16px;
  }
  #programDetail .paneMain .programPastSchedule {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: solid 1px #e6e6e6;
  }
  #programDetail .paneSub {
    margin-bottom: -40px;
  }
  #programDetail .paneSub > h2, #programDetail .paneSub h3 {
    font-size: 18px;
    margin-bottom: 20px;
    color: #3c322c;
    font-weight: bold;
  }
  #programDetail .paneSub .broadcastDatesSeries {
    margin: 0 24px 40px;
  }

  #howtowatch {
    width: 100%;
    padding: 6px 0 0px;
    left: 0;
    bottom: 0;
    margin-left: auto;
  }
  #howtowatch h3 {
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 8px;
  }
  #howtowatch h3 .btnicon {
    padding-right: 10px;
    vertical-align: middle;
    display: inline-block;
  }
  #howtowatch h3 .btnicon img {
    width: 16px;
    height: auto;
  }
  #howtowatch ul li {
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
  }
  #howtowatch ul li a {
    height: 28px;
  }
  #howtowatch ul li a img {
    height: 28px;
    width: auto;
  }
  #howtowatch.howtowatch-liveportal {
    display: block;
  }
  #howtowatch.howtowatch-liveportal h3 {
    margin-bottom: 4px;
    display: block;
    vertical-align: middle;
    width: auto;
    text-align: center;
  }
  #howtowatch.howtowatch-liveportal ul {
    display: inline-block;
    height: auto;
    display: block;
    vertical-align: middle;
    box-sizing: border-box;
    padding-left: 0;
    width: auto;
    text-align: center;
  }

  form.programSearchBox {
    padding-top: 2px;
  }
  form.programSearchBox input[type="text"] {
    height: 40px;
    width: 243px;
    font-size: 16px;
    line-height: 40px;
    margin-right: -12px;
    padding-left: 8px;
    margin-bottom: 25px;
  }
  form.programSearchBox input[type="submit"] {
    background: #fff url(../img/common_icon_search.svg) no-repeat center center;
    width: 50px;
    height: 40px;
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -ms-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    background-size: 20px 20px;
  }
  form.programSearchBox h3.narrowingTitle {
    width: 65px;
    font-size: 15px;
  }
  form.programSearchBox .narrowingCheckBoxArea {
    width: 220px;
  }
  form.programSearchBox .narrowingCheckBoxArea h4 {
    font-size: 15px;
    margin-bottom: 10px;
  }
  form.programSearchBox .narrowingCheckBoxArea h4 span {
    font-size: 10px;
    margin-left: 0.3em;
  }
  form.programSearchBox .narrowingCheckBoxArea .genreSelect {
    margin-bottom: 20px;
  }
  form.programSearchBox .narrowingCheckBoxArea .genreSelect label.checkbox {
    font-size: 14px;
  }
  form.programSearchBox .narrowingCheckBoxArea .genreSelect a#checkboxall {
    font-size: 14px;
  }
  form.programSearchBox .narrowingCheckBoxArea .recommendSelect label.radio,
  form.programSearchBox .narrowingCheckBoxArea .mediaSelect label.radio {
    font-size: 14px;
  }
  form.programSearchBox .more, form.programSearchBox .less {
    font-size: 15px;
  }

  .castList {
    margin-left: -5px;
    padding-bottom: 4px;
    margin-bottom: 24px;
    border-bottom: solid 1px #e6e6e6;
  }
  .castList .castRowSp {
    *zoom: 1;
  }
  .castList .castRowSp:after {
    content: "";
    display: block;
    clear: both;
  }
  .castList .cast {
    width: 110px;
    margin-left: 27px;
    margin-bottom: 20px;
  }
  .castList .cast a h2, .castList .cast a h4 {
    font-size: 16px;
  }
  .castList .cast .castImg {
    width: 110px;
  }
  .castList .cast .castImg img {
    margin-bottom: 6px;
    width: 100%;
    height: auto;
  }
  .castList .cast h2, .castList .cast h4 {
    font-size: 16px;
  }
  .castList.castListShutsuenshaIchiran {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }

  .programRow {
    *zoom: 1;
    margin-bottom: 0;
    margin-left: 0;
  }
  .programRow:after {
    content: "";
    display: block;
    clear: both;
  }
  .programRow .program {
    float: none;
    width: 290px;
    margin: 0 auto 17px;
  }
  .programRow .program .programImg {
    width: 100%;
  }
  .programRow .program .programImg img {
    float: none;
    width: 100%;
    height: auto;
  }

  #aboutLiveportal .holder880 {
    background: url(../img/liveportal_img.svg) no-repeat top right;
    -webkit-background-size: 86px 70px;
    -moz-background-size: 86px 70px;
    -ms-background-size: 86px 70px;
    -o-background-size: 86px 70px;
    background-size: 86px 70px;
  }
  #aboutLiveportal .articleHeader {
    width: 100%;
    float: none;
  }
  #aboutLiveportal .articleHeader h1, #aboutLiveportal .articleHeader h3 {
    font-size: 20px;
  }
  #aboutLiveportal .aboutLiveportalTxt {
    width: 100%;
    float: none;
  }

  .liveportalScheduleSp > h2 {
    width: 290px;
    margin: 30px auto 20px;
    color: #3c322c;
    font-size: 20px;
    font-weight: bold;
  }
  .liveportalScheduleSp > h3 {
    background: rgba(62, 51, 46, 0.7);
    text-align: center;
    padding: 10px 0 9px;
    position: relative;
    z-index: 999;
    color: #FFF;
  }
  .liveportalScheduleSp > h3 img {
    height: 40px;
    width: auto;
  }
  .liveportalScheduleSp .contents {
    background: #f2f1ef;
    padding: 22px 0 30px;
    margin-top: -10px;
  }
  .liveportalScheduleSp .date {
    font-family: "DINNextLTPro-Medium", "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-size: 22px;
    margin-bottom: 10px;
  }
  .liveportalScheduleSp .time {
    font-family: "DINNextLTPro-Medium", "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #666666;
    font-size: 20px;
    margin-bottom: 5px;
    line-height: 1.2;
  }
  .liveportalScheduleSp .program {
    background: #fff;
    padding: 16px;
    *zoom: 1;
    margin-bottom: 30px;
  }
  .liveportalScheduleSp .program:after {
    content: "";
    display: block;
    clear: both;
  }
  .liveportalScheduleSp .program > a > img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
  .liveportalScheduleSp .program h4 {
    font-size: 20px;
    color: #3c322c;
    font-weight: bold;
    margin-bottom: 10px;
  }
  .liveportalScheduleSp .program h4 a {
    color: #3c322c;
  }
  .liveportalScheduleSp .program p {
    margin-bottom: 13px;
    line-height: 1.5;
  }
  .liveportalScheduleSp .program .programChList {
    float: left;
    margin-bottom: 20px;
  }
  .liveportalScheduleSp .program .programChList a {
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 2px;
    height: 25px;
  }
  .liveportalScheduleSp .program .programChList img {
    height: 25px;
    width: auto;
  }
  .liveportalScheduleSp .program .programDetail {
    float: right;
  }

  .castDetail {
    padding-top: 14px;
  }
  .castDetail .castImg {
    float: none;
    width: 170px;
    height: 170px;
    margin: 0 auto 25px;
  }
  .castDetail .castInfo {
    float: none;
    width: 100%;
    padding-top: 0;
  }
  .castDetail .castInfo h3 {
    font-size: 18px;
    margin-bottom: 0px;
    text-align: center;
  }
  .castDetail .castInfo h4 {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
  }
  .castDetail .castInfo .snsBtns {
    text-align: center;
  }
  .castDetail .castInfo .castDescription {
    margin-top: 30px;
  }
  .castDetail .castInfo .castDescription p {
    margin-bottom: 1.2em;
  }

  .shutsuenshaProgramInfo {
    margin-top: 40px;
    padding-top: 30px;
    margin-bottom: 40px;
  }
  .shutsuenshaProgramInfo h3 {
    font-size: 18px;
    margin-bottom: 40px;
  }
  .shutsuenshaProgramInfo h4 {
    font-size: 16px;
    margin-bottom: 24px;
    padding-left: 0px;
  }
  .shutsuenshaProgramInfo h4:before {
    display: inline-block;
    content: "";
    border-radius: 50%;
    height: 8px;
    width: 8px;
    border: 5px solid #b2aaa3;
    vertical-align: middle;
    margin-right: 7px;
  }
  .shutsuenshaProgramInfo h5 {
    font-size: 16px;
    margin-bottom: 20px;
    padding-left: 20px;
  }
  .shutsuenshaProgramInfo ul {
    padding-left: 20px;
    margin-bottom: 30px;
  }
  .shutsuenshaProgramInfo ul li {
    margin-bottom: 0.2em;
  }
  .shutsuenshaProgramInfo .more {
    font-size: 15px;
  }

  .newsList {
    margin-top: 0;
  }
  .newsList .news h3 {
    color: #b2aaa3;
    float: none;
    width: 100%;
    font-size: 17px;
  }
  .newsList .news .newsInfo {
    float: none;
    width: 100%;
    padding-bottom: 14px;
  }
  .newsList .news .newsInfo .btnDatail {
    float: right;
  }
  .newsList .news .newsInfo h4 {
    font-size: 15px;
    margin-bottom: 15px;
  }
  .newsList .news .newsInfo p {
    margin-bottom: 8px;
  }

  .wp-pagenavi {
    font-size: 21px;
    line-height: 21px;
    margin-bottom: 30px;
  }
  .wp-pagenavi span,
  .wp-pagenavi a {
    margin: 0 7px;
  }

  .newsSingle {
    margin-bottom: 50px;
    margin-top: 0;
  }
  .newsSingle h3 {
    color: #b2aaa3;
    float: none;
    width: 100%;
    font-size: 17px;
  }
  .newsSingle .newsInfo {
    float: none;
    width: 100%;
  }
  .newsSingle .newsInfo h4 {
    font-size: 15px;
    margin-bottom: 40px;
  }

  .mailmag {
    margin-top: 0;
  }
  .mailmag .mailmagExp .mailmagInfo {
    width: 100%;
    float: none;
  }
  .mailmag .mailmagExp .mailmagInfo .mailmagInfoBlock h3 {
    margin-bottom: 20px;
    font-size: 16px;
  }
  .mailmag .mailmagExp .mailmagInfo .mailmagInfoBlock div {
    margin-bottom: 20px;
  }
  .mailmag .mailmagExp .mailmagSample {
    width: 100%;
    float: none;
  }
  .mailmag .mailmagExp .mailmagSample h3 {
    margin-bottom: 20px;
    font-size: 16px;
  }
  .mailmag .mailmagExp .mailmagSample .mailmagSampleBlock {
    height: 400px;
  }
  .mailmag .mailmagbtns {
    margin-bottom: 30px;
  }
  .mailmag .mailmagbtns a {
    display: block;
  }

  .presents {
    margin-top: 0;
    margin-left: 0;
  }
  .presents .presentColumn {
    float: none;
    width: 100%;
    margin: 0 auto;
  }
  .presents .presentColumn .present {
    margin-bottom: 60px;
  }
  .presents .presentColumn .present h3 {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .presents .presentColumn .present .presentDate {
    margin-bottom: 2px;
  }
  .presents .presentColumn .present .presentExp {
    margin-bottom: 7px;
  }
  .presents .presentColumn .present .presentDedline {
    margin-bottom: 12px;
  }
  .presents .presentColumn .present .btnPrimary {
    width: 242px;
  }

  .about {
    margin-top: 0;
  }
  .about .aboutBlock {
    margin-bottom: 50px;
  }
  .about .aboutBlock h3 {
    font-size: 16px;
    margin-bottom: 16px;
  }

  .companyoutlineTable {
    display: block;
    border-top: solid 1px #ccc;
    margin-top: 0;
    margin-bottom: 40px;
  }
  .companyoutlineTable th, .companyoutlineTable td {
    padding: 0;
    border-top: none;
    border-bottom: none;
  }
  .companyoutlineTable th {
    display: block;
    font-size: 14px;
    padding-top: 14px;
    padding-bottom: 7px;
  }
  .companyoutlineTable td {
    display: block;
    width: 100%;
    padding-bottom: 14px;
    border-bottom: solid 1px #ccc;
  }
  .companyoutlineTable td iframe {
    height: 360px;
  }

  .privacypolicy {
    margin-top: -40px;
    font-size: 13px;
  }
  .privacypolicy h3 {
    font-size: 16px;
    margin-top: 40px;
    margin-bottom: 24px;
  }
  .privacypolicy h4 {
    font-size: 14px;
  }
  .privacypolicy h5 {
    font-size: 14px;
  }
  .privacypolicy table {
    width: 260px !important;
  }
  .privacypolicy table th, .privacypolicy table td {
    padding: 18px 0 !important;
  }
  .privacypolicy table th {
    font-size: 13px !important;
    padding-right: 10px !important;
  }
  .privacypolicy table td:first-child {
    padding-right: 10px !important;
  }
  .privacypolicy table table {
    width: 230px !important;
  }
  .privacypolicy table.borderTable {
    width: 100%;
    margin-bottom: 1.5em;
  }
  .privacypolicy table.borderTable th, .privacypolicy table.borderTable td {
    padding: 18px 0 !important;
  }
  .privacypolicy table.borderTable th {
    font-size: 13px !important;
    padding-right: 10px !important;
    min-width: 90px;
  }
  .privacypolicy table.borderTable td:first-child {
    padding-right: 10px !important;
  }
  .privacypolicy table.noborderTable {
    width: 100%;
    margin-bottom: 1.5em;
  }
  .privacypolicy table.noborderTable th, .privacypolicy table.noborderTable td {
    padding: 18px 0 !important;
  }
  .privacypolicy table.noborderTable th {
    font-size: 13px !important;
    padding-right: 10px !important;
  }
  .privacypolicy table.noborderTable td:first-child {
    padding-right: 10px !important;
  }

  .faqAndAs {
    margin-bottom: 0;
  }
  .faqAndAs h3 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .faqAndAs .faq_list {
    margin-bottom: 40px;
  }
  .faqAndAs .faq_list dt {
    font-size: 14px;
    cursor: pointer;
  }
  .faqAndAs .faq_list dt span {
    display: inline-block;
    width: 40px;
    vertical-align: middle;
    font-family: "DINNextLTPro-Medium", "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-size: 20px;
    font-weight: normal;
  }
  .faqAndAs .faq_list dd {
    padding-left: 40px;
  }

  .sitemap {
    margin-top: 0;
  }
  .sitemap .sitemapBlock {
    float: none;
    width: 100%;
  }
  .sitemap .sitemapBlock ul {
    margin-bottom: 40px;
  }

  .mb-70 {
    margin-bottom: 0 !important;
  }

  .mb-50 {
    margin-bottom: 0 !important;
  }
}
.hidden {
  display: none;
  visibility: hidden;
}

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

.visible-desktop {
  display: inherit !important;
}

@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }

  .visible-tablet {
    display: inherit !important;
  }

  .hidden-tablet {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }

  .visible-phone {
    display: inherit !important;
  }

  .hidden-phone {
    display: none !important;
  }
}