.u-gp:before,
.u-gp:after {
  content: "";
  display: table !important;
}

.u-gp:after {
  clear: both;
}

.u-fl {
  float: left;
}

.u-fr {
  float: right;
}

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

.u-elps {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.u-full {
  width: 100%;
}

.u-half {
  width: 50%;
}

.u-third {
  width: 33.3%;
}

.u-quater {
  width: 25%;
}

.u-fifth {
  width: 20%;
}

.u-ref {
  position: relative;
}

.u-abs {
  position: absolute;
}

.u-fit {
  margin: 0 -8px;
}

.u-dn {
  display: none !important;
}

.u-db {
  display: block !important;
}

.u-di {
  display: inline !important;
}

.u-ds {
  display: inline-block !important;
}

.u-dt {
  display: table !important;
}

.u-dc {
  display: table-cell !important;
}

.u-mgn {
  margin: 0 !important;
}

.u-mgs {
  margin: 8px !important;
}

.u-mgm {
  margin: 16px !important;
}

.u-mgl {
  margin: 24px !important;
}

.u-mgx {
  margin: 48px !important;
}

.u-mtn {
  margin-top: 0 !important;
}

.u-mts {
  margin-top: 8px !important;
}

.u-mtm {
  margin-top: 16px !important;
}

.u-mtl {
  margin-top: 24px !important;
}

.u-mtx {
  margin-top: 48px !important;
}

.u-mbn {
  margin-bottom: 0 !important;
}

.u-mbs {
  margin-bottom: 8px !important;
}

.u-mbm {
  margin-bottom: 16px !important;
}

.u-mbl {
  margin-bottom: 24px !important;
}

.u-mbx {
  margin-bottom: 48px !important;
}

.u-mln {
  margin-left: 0 !important;
}

.u-mls {
  margin-left: 8px !important;
}

.u-mlm {
  margin-left: 16px !important;
}

.u-mll {
  margin-left: 24px !important;
}

.u-mlx {
  margin-left: 48px !important;
}

.u-mrn {
  margin-right: 0 !important;
}

.u-mrs {
  margin-right: 8px !important;
}

.u-mrm {
  margin-right: 16px !important;
}

.u-mrl {
  margin-right: 24px !important;
}

.u-mrx {
  margin-right: 48px !important;
}

.u-mra {
  margin-right: auto !important;
}

.u-mla {
  margin-left: auto !important;
}

.u-mca {
  margin-left: auto !important;
  margin-right: auto !important;
}

.u-pgn {
  padding: 0 !important;
}

.u-pgs {
  padding: 8px !important;
}

.u-pgm {
  padding: 16px !important;
}

.u-pgl {
  padding: 24px !important;
}

.u-pgx {
  padding: 48px !important;
}

.u-ptn {
  padding-top: 0 !important;
}

.u-pts {
  padding-top: 8px !important;
}

.u-ptm {
  padding-top: 16px !important;
}

.u-ptl {
  padding-top: 24px !important;
}

.u-ptx {
  padding-top: 48px !important;
}

.u-pbn {
  padding-bottom: 0 !important;
}

.u-pbs {
  padding-bottom: 8px !important;
}

.u-pbm {
  padding-bottom: 16px !important;
}

.u-pbl {
  padding-bottom: 24px !important;
}

.u-pbx {
  padding-bottom: 48px !important;
}

.u-pln {
  padding-left: 0 !important;
}

.u-pls {
  padding-left: 8px !important;
}

.u-plm {
  padding-left: 16px !important;
}

.u-pll {
  padding-left: 24px !important;
}

.u-plx {
  padding-left: 48px !important;
}

.u-prn {
  padding-right: 0 !important;
}

.u-prs {
  padding-right: 8px !important;
}

.u-prm {
  padding-right: 16px !important;
}

.u-prl {
  padding-right: 24px !important;
}

.u-prx {
  padding-right: 48px !important;
}

.u-rn {
  border-radius: 0 !important;
}

.u-rs {
  border-radius: 4px;
}

.u-rm {
  border-radius: 8px;
}

.u-rl {
  border-radius: 16px;
}

.u-ts {
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3) !important;
}

.u-n {
  font-weight: normal !important;
}

.u-b {
  font-weight: bold !important;
}

.u-i {
  font-style: italic !important;
}

.u-l {
  text-align: left !important;
}

.u-c {
  text-align: center !important;
}

.u-r {
  text-align: right !important;
}

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

.u-f1 {
  font-size: 8px;
}

.u-f2 {
  font-size: 10px;
}

.u-f3 {
  font-size: 12px;
}

.u-fn {
  font-size: 14px !important;
}

.u-f4 {
  font-size: 16px;
}

.u-f5 {
  font-size: 20px;
}

.u-f6 {
  font-size: 24px;
}

.u-v0 {
  vertical-align: 0;
}

.u-v1 {
  vertical-align: -1px;
}

.u-v2 {
  vertical-align: -2px;
}

.u-v3 {
  vertical-align: -3px;
}

.u-v4 {
  vertical-align: -4px;
}

.u-v5 {
  vertical-align: -5px;
}

.u-vt {
  vertical-align: top;
}

.u-vm {
  vertical-align: middle;
}

.u-vb {
  vertical-align: bottom;
}

.bg-red {
  background-color: #e51c23;
}

.bg-red-alpha8 {
  background-color: rgba(229, 28, 35, 0.8);
}

.co-red {
  color: #e51c23;
}

.bg-pink {
  background-color: #e91e63;
}

.bg-pink-alpha8 {
  background-color: rgba(233, 30, 99, 0.8);
}

.co-pink {
  color: #e91e63;
}

.bg-purple {
  background-color: #9c27b0;
}

.bg-purple-alpha8 {
  background-color: rgba(156, 39, 176, 0.8);
}

.co-purple {
  color: #9c27b0;
}

.bg-deep-purple {
  background-color: #673ab7;
}

.bg-deep-purple-alpha8 {
  background-color: rgba(103, 58, 183, 0.8);
}

.co-deep-purple {
  color: #673ab7;
}

.bg-indigo {
  background-color: #3f51b5;
}

.bg-indigo-alpha8 {
  background-color: rgba(63, 81, 181, 0.8);
}

.co-indigo {
  color: #3f51b5;
}

.bg-blue {
  background-color: #5677fc;
}

.bg-blue-alpha8 {
  background-color: rgba(86, 119, 252, 0.8);
}

.co-blue {
  color: #5677fc;
}

.bg-light-blue {
  background-color: #03a9f4;
}

.bg-light-blue-alpha8 {
  background-color: rgba(3, 169, 244, 0.8);
}

.co-light-blue {
  color: #03a9f4;
}

.bg-cyan {
  background-color: #00bcd4;
}

.bg-cyan-alpha8 {
  background-color: rgba(0, 188, 212, 0.8);
}

.co-cyan {
  color: #00bcd4;
}

.bg-teal {
  background-color: #009688;
}

.bg-teal-alpha8 {
  background-color: rgba(0, 150, 136, 0.8);
}

.co-teal {
  color: #009688;
}

.bg-green {
  background-color: #259b24;
}

.bg-green-alpha8 {
  background-color: rgba(37, 155, 36, 0.8);
}

.co-green {
  color: #259b24;
}

.bg-light-green {
  background-color: #8bc34a;
}

.bg-light-green-alpha8 {
  background-color: rgba(139, 195, 74, 0.8);
}

.co-light-green {
  color: #8bc34a;
}

.bg-lime {
  background-color: #cddc39;
}

.bg-lime-alpha8 {
  background-color: rgba(205, 220, 57, 0.8);
}

.co-lime {
  color: #cddc39;
}

.bg-yellow {
  background-color: #ffeb3b;
}

.bg-yellow-alpha8 {
  background-color: rgba(255, 235, 59, 0.8);
}

.co-yellow {
  color: #ffeb3b;
}

.bg-amber {
  background-color: #ffc107;
}

.bg-amber-alpha8 {
  background-color: rgba(255, 193, 7, 0.8);
}

.co-amber {
  color: #ffc107;
}

.bg-orange {
  background-color: #ff9800;
}

.bg-orange-alpha8 {
  background-color: rgba(255, 152, 0, 0.8);
}

.co-orange {
  color: #ff9800;
}

.bg-deep-orange {
  background-color: #ff5722;
}

.bg-deep-orange-alpha8 {
  background-color: rgba(255, 87, 34, 0.8);
}

.co-deep-orange {
  color: #ff5722;
}

.bg-brown {
  background-color: #795548;
}

.bg-brown-alpha8 {
  background-color: rgba(121, 85, 72, 0.8);
}

.co-brown {
  color: #795548;
}

.bg-blue-grey {
  background-color: #607d8b;
}

.bg-blue-grey-alpha8 {
  background-color: rgba(96, 125, 139, 0.8);
}

.co-blue-grey {
  color: #607d8b;
}

.bg-grey {
  background-color: #9e9e9e;
}

.bg-grey-alpha8 {
  background-color: rgba(158, 158, 158, 0.8);
}

.co-grey {
  color: #9e9e9e;
}

.bg-black {
  background-color: rgba(0, 0, 0, 0.87);
}

.bg-black-alpha8 {
  background-color: rgba(0, 0, 0, 0.8);
}

.co-black {
  color: rgba(0, 0, 0, 0.87);
}

.bg-white {
  background-color: rgba(255, 255, 255, 0.87);
}

.bg-white-alpha8 {
  background-color: rgba(255, 255, 255, 0.8);
}

.co-white {
  color: rgba(255, 255, 255, 0.87);
}

.bg-tv-asahi-cyan {
  background-color: #00A0C6;
}

.bg-tv-asahi-cyan-alpha8 {
  background-color: rgba(0, 160, 198, 0.8);
}

.co-tv-asahi-cyan {
  color: #00A0C6;
}

.bg-tv-asahi-magenta {
  background-color: #F0027F;
}

.bg-tv-asahi-magenta-alpha8 {
  background-color: rgba(240, 2, 127, 0.8);
}

.co-tv-asahi-magenta {
  color: #F0027F;
}

.bg-tv-asahi-yellow {
  background-color: #FFFF11;
}

.bg-tv-asahi-yellow-alpha8 {
  background-color: rgba(255, 255, 17, 0.8);
}

.co-tv-asahi-yellow {
  color: #FFFF11;
}

.bg-tv-asahi-orange {
  background-color: #FF6300;
}

.bg-tv-asahi-orange-alpha8 {
  background-color: rgba(255, 99, 0, 0.8);
}

.co-tv-asahi-orange {
  color: #FF6300;
}

.bg-tv-asahi-green {
  background-color: #96EA45;
}

.bg-tv-asahi-green-alpha8 {
  background-color: rgba(150, 234, 69, 0.8);
}

.co-tv-asahi-green {
  color: #96EA45;
}

.u-bo {
  border: solid 1px rgba(0, 0, 0, 0.15);
}

.u-bot {
  border-top: solid 1px rgba(0, 0, 0, 0.15);
}

.u-bor {
  border-right: solid 1px rgba(0, 0, 0, 0.15);
}

.u-bob {
  border-bottom: solid 1px rgba(0, 0, 0, 0.15);
}

.u-bol {
  border-left: solid 1px rgba(0, 0, 0, 0.15);
}

.u-img-trim {
  overflow: hidden;
}
.u-img-trim > img {
  margin: -12.5% 0;
}

.u-page-link {
  position: absolute;
  top: -88px;
}

.u-split {
  border-top: solid 1px rgba(0, 0, 0, 0.15);
}

.typography-display-1 {
  font-size: 34px;
  font-weight: 400;
  line-height: 37.4px;
  padding: 17px 0 13.6px 0;
}

.typography-headline {
  font-size: 24px;
  font-weight: 400;
  line-height: 26.4px;
  padding: 12px 0 9.6px 0;
}

.typography-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
  padding: 10px 0 8px 0;
}

.typography-subhead {
  font-size: 16px;
  font-weight: 400;
  line-height: 17.6px;
  padding: 8px 0 6.4px 0;
}

.typography-body-2 {
  font-size: 14px;
  font-weight: bold;
  line-height: 15.4px;
  padding: 7px 0 5.6px 0;
}

.typography-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 15.4px;
  padding: 7px 0 5.6px 0;
}

.typography-caption {
  font-size: 12px;
  font-weight: 400;
  line-height: 13.2px;
  padding: 6px 0 4.8px 0;
}

/*
	99Lime.com HTML KickStart by Joshua Gatcke
	kickstart-grids.css

	DO NOT EDIT THIS FILE unless you know what you are doing.
*/
/*---------------------------------
	GRID/COLUMNS
-----------------------------------
	tinyfluidgrid.com
	& girlfriendnyc.com
	with changes by 99Lime
-----------------------------------*/
/*
& Columns : 12
& Gutter %: 20%
& MaxWidth: 1280px
*/
.grid {
  max-width: 1220px;
  margin: 0 auto;
}

.grid.flex {
  width: 100%;
  max-width: 100%;
}

.row {
  display: block;
  overflow: hidden;
  clear: both;
  margin: auto -0.83333333333333%;
}

*[class*="col_"].alpha {
  margin-left: 0;
}

*[class*="col_"].omega {
  margin-right: 0;
}

.col_1 {
  width: 6.6666666666667%;
}

.col_2 {
  width: 15%;
}

.col_3 {
  width: 23.333333333333%;
}

.col_4 {
  width: 31.666666666667%;
}

.col_5 {
  width: 40%;
}

.col_6 {
  width: 48.333333333333%;
}

.col_7 {
  width: 56.666666666667%;
}

.col_8 {
  width: 65%;
}

.col_9 {
  width: 73.333333333333%;
}

.col_10 {
  width: 81.666666666667%;
}

.col_11 {
  width: 90%;
}

.col_12 {
  width: 98.333333333333%;
}

*[class*="col_"] {
  margin-left: 0.83333333333333%;
  margin-right: 0.83333333333333%;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  float: left;
  display: block;
}

.grid img {
  max-width: 100%;
  height: auto;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}

* html .clearfix, *:first-child + html .clearfix {
  zoom: 1;
}

/* Viewable Grids
	To view your grids, add the class .visible to any grid container.
	This will add a background color so you can see the layout of your grids.
*/
*[class*="col_"].visible {
  background: #eee;
  border: 1px dotted #ccc;
}

/*---------------------------------
	Responsive Grid Media Queries - 1280, 1024, 768, 480
	1280-1024 	- desktop (default grid)
	1024-768 	- tablet landscape
	768-480 	- tablet
	480-less 	- phone landscape & smaller
-----------------------------------*/
@media all and (min-width: 1024px) and (max-width: 1280px) {
  .grid {
    max-width: 1024px;
  }

  .show-desktop {
    display: block;
  }

  .hide-desktop {
    display: none;
  }

  .show-tablet {
    display: none;
  }

  .hide-tablet {
    display: block;
  }

  .show-phone {
    display: none;
  }

  .hide-phone {
    display: block;
  }
}
@media all and (min-width: 768px) and (max-width: 1024px) {
  .grid {
    max-width: 768px;
  }

  .show-desktop {
    display: none;
  }

  .hide-desktop {
    display: block;
  }

  .show-tablet {
    display: block;
  }

  .hide-tablet {
    display: none;
  }

  .show-phone {
    display: none;
  }

  .hide-phone {
    display: block;
  }
}
@media all and (min-width: 480px) and (max-width: 768px) {
  .grid *[class*="col_"] {
    float: none;
    width: auto;
    clear: both;
    display: block;
  }

  /* columns inside of columns */
  .grid *[class*="col_"] [class*="col_"] {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }

  .grid {
    max-width: 480px;
  }

  .show-desktop {
    display: none;
  }

  .hide-desktop {
    display: block;
  }

  .show-tablet {
    display: block;
  }

  .hide-tablet {
    display: none;
  }

  .show-phone {
    display: none;
  }

  .hide-phone {
    display: block;
  }
}
@media all and (max-width: 480px) {
  .grid *[class*="col_"] {
    float: none;
    width: auto;
    clear: both;
    display: block;
  }

  /* columns inside of columns */
  .grid *[class*="col_"] [class*="col_"] {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }

  .grid {
    max-width: 100%;
    /*320*/
  }

  .show-desktop {
    display: none;
  }

  .hide-desktop {
    display: block;
  }

  .show-tablet {
    display: none;
  }

  .hide-tablet {
    display: block;
  }

  .show-phone {
    display: block;
  }

  .hide-phone {
    display: none;
  }
}




/*逡ｪ邨�ュ蝣ｱ*/
.info{
	width:100%;
	height:auto;
}

.img_info{
}


.img_info > p{
	float:left;
	margin:5px;
	text-align:center;
}

.text_info p{
	margin:10px;
	width:100%;
}

/*繝壹さ蜈･遞ｿ逕ｨ*/
#program{max-width:990px;}
#program p{width:100%;}
#cast{max-width:990px;}
#cast p{width:100%;}
.peco_img{ margin:0 auto; padding:3px; text-align:center; width:48%;}
.peco-txt{text-align:left;}