@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Oswald:400,700);
strong, .strong {
  font-weight: bold; }

.blue {
  color: #34b3d1; }

.center {
  text-align: center; }

.fts-s {
  font-size: 80%; }

.fts-m {
  font-size: 120%;
  line-height: 125%; }

.fts-l {
  font-size: 180%;
  line-height: 140%; }

.lit {
  font-size: 70%; }

.mt {
  margin-top: 20px; }

.mb {
  margin-bottom: 20px; }

.mb20 {
  margin-bottom: 20px; }

.underl {
  text-decoration: underline; }

.txtdel {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

/* link */
a:link {
  text-decoration: none; }

a:visited {
  text-decoration: none; }

a:hover {
  text-decoration: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8; }

a:active {
  text-decoration: none;
  opacity: 1; }

.clearfix {
  zoom: 1; }

.clearfix:after {
  content: "";
  clear: both;
  display: block; }

/* wrapper */
.main {
  position: relative;
  margin: 0 340px 0 0; }

.contentswapper {
  margin-left: 20px; }

.contentswapper img {
  display: block; }

.header {
  padding: 0; }

.header-image {
  margin: 0; }

.header-image .main-img {
  padding-top: 1%;
  max-width: 1159px; }

.header-image a:hover {
  opacity: 1; }

.main-container {
  background: #dff3f8; }

.contentsarea {
  background: #dff3f8; }

@media screen and (min-width: 1295px) {
  .container-wrapper:after {
    position: absolute;
    content: '';
    top: 764px;
    background: #34b3d1;
    height: 100px;
    width: 100%;
    border-bottom: 1px solid #8cd4e5; } }

/* site-banner */
.site-bnr {
  clear: both;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 20px; }

.site-bnr li {
  float: left;
  width: 32%;
  border: none;
  margin-bottom: 10px; }

.site-bnr img {
  max-width: 300px; }

.site-bnr li:nth-child(3n+2) {
  margin: 0 2%; }

/* sns */
.sns {
  clear: both;
  height: 20px;
  padding: 20px;
  margin-bottom: -40px; }

/* etc */
#recommended-program {
  font-size: 18px;
  line-height: 1.4em;
  margin: 20px; }

.recommended-program-list p {
  margin: 0; }

.aside:after, .aside-min:after {
  content: "";
  display: block;
  position: absolute;
  width: 360px;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-repeat: repeat-y; }

.aside:after {
  background-position: -920px 0; }

.aside-min:after {
  background-position: -1260px 0; }

.aside-container {
  position: relative;
  z-index: 1; }

.common-title {
  margin: 0; }

.contentsarea .column1, .contentsarea .column1 a {
  text-decoration: none; }

.contentsarea section.column1 img {
  width: 100%; }

.contentsarea .contents-box1 {
  width: 300px;
  position: relative;
  display: table-cell;
  height: 350px; }

.contentsarea .contents-box2 {
  position: relative;
  display: table-cell;
  height: 350px; }

.contents-bg1 {
  background-color: #fff000; }

.contents-bg2 {
  background-color: #ffb400; }

.contentsarea .contents-box1 .title-MOVIE {
  font-size: 40px;
  color: #34b3d1;
  padding: 20px 10px 20px; }

.contentsarea .contents-box1 .sub-title {
  color: #3e3e3e;
  background: #ffb400;
  height: 30px; }

.contentsarea .contents-box2 .title-INFOMATION {
  font-size: 40px;
  color: #fff;
  padding: 20px 10px 20px; }

.contentsarea .contents-box2 .sub-title {
  background: #fff000;
  height: 30px; }

.contentsarea .contents-box2 .textarea-information {
  background: #fff no-repeat top right;
  border: 4px solid #fff000;
  padding: 0px 10px 2px;
  min-height: 182px; }

img.movie {
  width: 300px; }

.contentsarea .title-INFOMATION {
  font-size: 40px;
  color: #fff;
  padding: 15px 10px 15px;
  background-color: #ffb400;
  font-weight: 300; }

.contentsarea .sub-title {
  font-size: 16px;
  background: #fff000 no-repeat bottom right;
  padding: 4px 10px 0px; }

img.bnr {
  position: absolute;
  top: -4px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 95%;
  max-width: 240px; }

img.contents1 {
  position: absolute;
  top: 8px;
  right: -5px; }

img.contents2 {
  position: absolute;
  top: 0px;
  right: 3%; }

.contentsarea .contents-box2 .textarea-information .textbox.textbox {
  font-size: 15px;
  width: 80%;
  color: #3e3e3e; }

.contentsarea .contents-box2 .textarea-information .textbox.textbox {
  font-size: 15px;
  width: 70%;
  color: #3e3e3e; }

.contentsarea .contents-box2 .textarea-information .textbox h3 {
  font-weight: bold;
  line-height: 1.5em;
  border-bottom: 1px solid #cdcdcd;
  padding-bottom: 10px; }

.contentsarea .contents-box2 .textarea-information .textbox .article {
  padding: 10px 0px 30px;
  overflow-y: auto;
  height: 63px; }

.textarea-information .textbox .article a {
  margin-top: 10px;
  display: block; }

.contentsarea .contents-box2 .textarea-information .textbox a.bnr {
  width: 100%;
  padding: 20px 0px; }

.contentsarea .contents-box2 .textarea-information .textbox .text {
  display: block;
  font-size: 13px;
  line-height: 1.5em; }

.contentsarea section.column1 {
  position: relative;
  padding: 0 20px 20px; }

section.column2 {
  display: table;
  border-collapse: separate;
  border-spacing: 20px 0px;
  margin-bottom: -60px;
  width: 100%;
  margin-top: 40px; }

.contentsarea .column1 h2, .contentsarea .column2 h2 {
  font-size: 40px;
  color: #34b3d1;
  padding: 20px 0px 10px;
  font-family: Oswald;
  font-weight: 300; }

.contentsarea .column1 h2 span {
  font-size: 16px;
  color: #3e3e3e;
  padding-left: 20px;
  display: table-cell;
  vertical-align: middle; }

.contentsarea .column1 .textarea-NEWS {
  background-color: #fff;
  padding: 20px; }
  .contentsarea .column1 .textarea-NEWS .movie-area {
    margin-bottom: 20px;
    text-align: center; }
    .contentsarea .column1 .textarea-NEWS .movie-area iframe {
      vertical-align: bottom; }

.contentsarea .column1 .textarea-NEXT {
  background-color: #fff;
  padding: 10px 20px; }

.tag {
  /*float:left;*/
  margin: 10px 0 15px 0; }

.tag1 {
  background-color: #34b3d1;
  color: #fff;
  padding: 5px 10px; }

.tag2 {
  background-color: #ffb400;
  color: #fff;
  padding: 5px 10px; }

span.taglist {
  position: absolute;
  top: 36px;
  left: 235px;
  color: #fff;
  padding: 7px 30px 7px 17px;
  background: #34b3d1 url(../common-img/button-arrow.png) no-repeat right; }

.contentsarea .column1 .textarea-NEXT p.text, .contentsarea .column1 .textarea-BACKNUMBER p.text, .contentsarea .column1 .textarea-PRESENT p.text {
  display: block;
  padding-left: 10px;
  font-weight: bold; }

.contentsarea .column1 .textarea-TWITTER {
  background-color: #fff; }

.contentsarea .column1 .textarea-TWITTER img.contents3 {
  position: absolute;
  top: 8%;
  right: 6%;
  width: 220px; }

section.column1 {
  clear: both; }

.content ul li {
  background-color: #fff; }

.content ul li.next-text {
  background-color: #fff;
  padding: 20px 20px 20px;
  line-height: 1.5em; }
  .content ul li.next-text a {
    text-decoration: underline !important; }
    .content ul li.next-text a:hover {
      text-decoration: none !important; }

.contentsarea p.button {
  padding: 10px;
  text-align: center;
  color: #fff;
  background: #34b3d1 url(../common-img/arrow.png) no-repeat;
  background-position: 59% 50%; }

.contentsarea p.button.close {
  padding: 10px;
  text-align: center;
  color: #fff;
  background: #34b3d1 url(../common-img/arrow2.png) no-repeat;
  background-position: 56% 50%; }

@media screen and (max-width: 1120px) {
  .contentsarea .column1 .textarea-TWITTER img.contents3 {
    position: absolute;
    top: 8%;
    right: 2%;
    width: 220px; }
  img.contents2 {
    display: none; }
  .contentsarea .contents-box2 .textarea-information .textbox.textbox {
    font-size: 15px;
    width: 100%;
    color: #3e3e3e; }
  .contentsarea p.button {
    padding: 10px;
    text-align: center;
    color: #fff;
    background: #34b3d1 url(../common-img/arrow.png) no-repeat;
    background-position: 61% 50%; }
  .contentsarea p.button.close {
    padding: 10px;
    text-align: center;
    color: #fff;
    background: #34b3d1 url(../common-img/arrow2.png) no-repeat;
    background-position: 58% 50%; } }

.contentsarea p.button a {
  color: #fff;
  text-decoration: none; }

.contentsarea p img.arrow {
  width: 25px;
  height: 13px; }

section.column1 p img.arrow {
  width: 25px;
  vertical-align: middle;
  padding-left: 4px; }

section.column1 a img.arrow {
  width: 25px;
  vertical-align: middle;
  padding-left: 4px; }

.contentsarea section.column1 img.opinion {
  width: 100%;
  margin-top: 20px;
  margin-bottom: -20px; }

#btnPagetop {
  position: fixed;
  z-index: 100;
  bottom: 70px;
  right: 50px;
  cursor: pointer; }

.contentsarea .column1 h2 {
  font-size: 40px;
  color: #34b3d1;
  padding: 20px 0px 10px;
  font-weight: 300; }

.contentsarea .column1 h2 {
  font-size: 40px;
  color: #34b3d1;
  padding: 40px 0px 20px;
  font-weight: 300;
  display: table; }

.contentsarea .column1 .textarea-NEXT h4 {
  font-weight: bold;
  line-height: 1.5em;
  clear: both;
  padding: 10px 10px; }

.contentsarea .column1 .textarea-NEXT p.notice {
  line-height: 2em;
  padding: 10px 10px; }

.contentsarea .column1 .textarea-BACKNUMBER {
  padding: 0px 20px;
  background-color: #fff;
  line-height: 2em; }

.contentsarea .column1 .textarea-BACKNUMBER a:hover {
  color: #34b3d1; }

.content-next ul li {
  background-color: #fff; }

.border {
  border-bottom: 1px solid #dff3f8;
  padding: 5px 0px 20px; }

.title-irregular {
  float: left; }

.contentsarea .column1 .contents-CAST {
  background-color: #fff;
  padding: 20px 20px 50px; }

.contentsarea .column1 .contents-CAST .textarea-CAST {
  margin-top: 45px; }

.contentsarea .column1 .contents-CAST .textarea-CAST img.cast {
  width: 30%;
  float: left; }

.contentsarea .column1 .contents-CAST .textarea-CAST .cast-textbox {
  width: 64%;
  float: left;
  margin-left: 20px; }

.contentsarea .column1 .contents-CAST .textarea-CAST h4 {
  clear: both;
  display: table;
  font-size: 24px;
  font-weight: bold;
  padding: 10px;
  padding-bottom: 10px; }

.contentsarea .column1 .contents-CAST .textarea-CAST h4 span {
  font-size: 12px;
  padding-left: 20px;
  display: table-cell;
  vertical-align: middle; }

.contentsarea .column1 .contents-CAST .textarea-CAST p.notice {
  font-size: 14px;
  padding-left: 10px;
  text-align: justify;
  line-height: 2em; }

.contentsarea .column1 .contents-CAST .textarea-CAST a {
  font-size: 14px;
  padding: 20px 10px 0px;
  color: #34b3d1; }

.contentsarea .column1 .textarea-MUSIC {
  background-color: #fff;
  line-height: 2em;
  padding: 0px 20px 0px; }

.contentsarea .column1 .musicbox {
  float: left;
  width: 70%; }

.contentsarea .column1 .musicbox-border {
  border-bottom: 1px solid #dff3f8;
  padding: 20px 20px 20px; }

.contentsarea .column1 .musicbox h5 {
  font-weight: bold; }

.tag-button {
  float: right;
  color: #fff;
  padding: 2px 30px 2px 17px;
  margin-top: 10px;
  background: #34b3d1 url(../common-img/button-arrow.png) no-repeat right; }

.tag-button2 {
  float: right;
  color: #fff;
  padding: 2px 30px 2px 17px;
  background: #34b3d1 url(../common-img/button-arrow.png) no-repeat right; }

.contentsarea .column1 .textarea-PRESENT {
  background-color: #fff;
  padding: 10px 10px;
  position: relative;
  min-height: 600px; }

.contentsarea .column1 .textarea-PRESENT h4 {
  font-weight: bold;
  line-height: 1.5em;
  clear: both;
  padding: 10px 10px;
  font-size: 20px; }

.contentsarea .column1 .textarea-PRESENT p.notice2 {
  line-height: 1.5em;
  padding: 10px 10px;
  width: 60%; }

.contentsarea .column1 .textarea-PRESENT p.notice2 span {
  font-size: 90%; }

.contentsarea .column1 img.present {
  width: 28%;
  max-width: 200px;
  position: absolute;
  top: 80px;
  right: 30px; }

.textarea-PRESENT h5 {
  font-weight: bold;
  line-height: 1.5em;
  padding: 10px;
  border-top: 1px dotted #3e3e3e;
  border-bottom: 1px dotted #3e3e3e;
  width: 65%; }

.textarea-PRESENT .caution {
  border: 1px solid #ddd; }

.textarea-PRESENT .caution a {
  text-decoration: underline;
  color: #0090b6; }

.textarea-PRESENT .caution, .textarea-PRESENT .address {
  font-size: 0.9em;
  width: 64%;
  padding: 10px; }

.textarea-PRESENT .address p.date {
  color: red;
  font-weight: bold;
  text-align: right;
  font-size: 16px;
  padding: 10px 0px; }

p.button.close {
  background: url(../common-img/arrow.png) no-repeat right top; }

@media screen and (min-width: 1295px) {
  .container-wrapper2:after {
    position: absolute;
    content: '';
    top: 354px;
    background: #34b3d1;
    height: 100px;
    width: 100%;
    border-bottom: 1px solid #8cd4e5; } }

/* 記事*/
.read {
  color: #00b0ec;
  font-weight: bold;
  display: block;
  line-height: 1.5em; }
  .read a {
    color: #00b0ec !important; }

strong {
  color: #e96016;
  font-weight: bold !important; }

em {
  color: #0068b7;
  font-weight: bold !important; }

b {
  font-weight: bold !important;
  display: block; }

/*--- edit ---*/
.contentsarea .contents-box2 .textarea-information .textbox .article {
  height: 126px;
  /*height:63px;*/ }

.contentsarea .contents-box2 .textarea-information {
  min-height: 245px;
  /*min-height:182px;*/ }

section.column2 {
  margin-bottom: 10px;
  /*margin-bottom:-60px;*/ }

.recommended-program-list .prgItem {
  height: 235px; }

.back-button {
  text-align: center; }
  .back-button a {
    display: inline-block !important;
    padding: 10px 50px;
    color: #fff !important;
    text-decoration: none !important;
    background: #34b3d1; }

.opinion .opinion-form iframe {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 630px;
  height: 750px;
  border: none; }