/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
  color: #222;
}

html {
  font-size: 14px;
  line-height: 1.6;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

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

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */




/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
  *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
     (-o-min-device-pixel-ratio: 5/4),
     (-webkit-min-device-pixel-ratio: 1.25),
     (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}



body{
  background: url("/common/img/back.png");
  font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
h1{
  color: #1c50a1;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: normal;
  vertical-align: baseline;
  line-height: 1;
}
h1>span,
.title-border>span{
  color: #00aae7;
  font-size:0.7em;
  margin-left: 0.5em;
  font-style: italic;
  font-weight: bold;
}

.title-border_green>span{
  color: #91c53e;
  font-size:0.7em;
  margin-left: 0.5em;
  font-style: italic;
  font-weight: bold;
}
.title-border_orange>span{
  color: #f49f2d;
  font-size:0.7em;
  margin-left: 0.5em;
  font-style: italic;
  font-weight: bold;
}
.title-border_lightblue>span{
  color: #6bc8f2;
  font-size:0.7em;
  margin-left: 0.5em;
  font-style: italic;
  font-weight: bold;
}
.title-border_pink>span{
  color: #eb89a0;
  font-size:0.7em;
  margin-left: 0.5em;
  font-style: italic;
  font-weight: bold;
}
.title-border_pink-tst>span{
  color: #eb89a0;
  font-size:0.7em;
  margin-left: 0.5em;
  font-style: italic;
  font-weight: bold;
}
.title-border_grey>span{
  color: #333333;
  margin-left: 0.5em;
  font-weight: bold;
}
h1,
h2,
h3,
p {
  margin-top: 0;
}
a{
	color:#1c50a1;
}
.header{
    background-image:
    url("/common/img/logo_background.png"),
    url("/common/img/contents_background-left.png"),
    url("/common/img/contents-background-right.png");
  background-repeat:
    no-repeat,
    no-repeat,
    no-repeat;
  background-position:
    left top,
    left bottom,
    right bottom;
  padding-top: 6px;
}
.header-nav{
  width: 960px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.logo{
  position: absolute;
  top:0;
  left: 0;
}
.header-nav__img{
  position: absolute;
  top:0;
  right: 0;
}
.g-nav {
  position: absolute;
  top:68px;

  padding-left: 0;
}
.g-nav__item {
  list-style: none;
  float: left;
}
.g-nav__item:hover {
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.visual{
  width: 960px;
  margin: 0 auto;
  padding: 150px 0 50px 0;
    z-index: 0;
}
/*.pageheader{
  max-width: 960px;
  margin:0 auto;
  padding: 10.5em 0 2.5em 2em;
}*/
.pageheader{
  max-width: 960px;
  margin:10px auto 0 auto;
  text-align:center;
  padding: 10.5em 0 1.5em 0;
}
.contents{
  border-top: solid 1px #afc6e0;
  background-color: #fff;
  z-index:1;
}
.footer{
  color:#fff;
  background-color: #e7f7f7;
}


.container{
  max-width: 960px;
  margin: 0 auto;
  padding: 3em 0;
}
.container__program{
  max-width: 960px;
  margin: 0 auto;
}
.block{
  padding: 2em 0;
  margin: 0 auto;
}
.block--short{
  width: 750px;
}
.block--short__item{
  margin: 0 auto 2em auto;
  width: 720px;
}

.block> ul>li{
  margin-left:1em;
}
.float-left{
  float: left;
}
.float-right{
  float: right;
}
.text-center{
  text-align: center;
}


/* ------------------------------------------------------------------ 
パーツ
 ------------------------------------------------------------------ */
.media-pr{
  background-image: url("/img/pr_back.jpg");
  background-repeat: no-repeat;
  -moz-background-size:cover;
  background-size:cover;
}
.media-pr > .container{
	padding:5em 0;
}
.icon-yellow{
  padding-left:30px;
  background: url("/program/img/icon-yellow.png") no-repeat;
}
.border-bottom{
  border-bottom: solid 1px #eee;
}
.w500{
  width: 500px;
}
.title-border{
  color: #1c50a1;
  border-bottom: solid 1px #1c50a1;
}
.title-border_green{
  color: #1c50a1;
  border-bottom: dotted 1px #91c53e;
}
.title-border_orange{
  color: #1c50a1;
  border-bottom: dotted 1px #f49f2d;
}
.title-border_lightblue{
  color: #1c50a1;
  border-bottom: dotted 1px #6bc8f2;
}
.title-border_pink{
  color: #1c50a1;
  border-bottom: dotted 1px #eb89a0;
}
.title-border_grey{
  color: #1c50a1;
  border-bottom: dashed 1px #aaaaaa;
}
.title-border_pink{
  color: #1c50a1;
  border-bottom: dotted 1px #70b4c2;
}.title-border_pink-tst{
  color: #eb89a0;
}
.title-border_green-tst{
  color: #91c53e;
}
.title-border > span.gray{
	font-weight:normal;
	font-style:normal;
	color:#666;
	font-size:13px;
}

.title-border_green > span.gray{
	font-weight:normal;
	font-style:normal;
	color:#666;
	font-size:13px;
}
.title-border_orange > span.gray{
	font-weight:normal;
	font-style:normal;
	color:#666;
	font-size:13px;
}
.title-border_lightblue > span.gray{
	font-weight:normal;
	font-style:normal;
	color:#666;
	font-size:13px;
}
.title-border_pink > span.gray{
	font-weight:normal;
	font-style:normal;
	color:#666;
	font-size:13px;
}
.title-border_pink-tst > span.gray{
	font-weight:normal;
	font-style:normal;
	color:#666;
	font-size:13px;
}
.title-background{
  color: #1c50a1;
  background-color: #e5f4fa;
  padding: 0.5em;
}
.orange{
  color: #F08200;
}
.cyan{
  color: #00A0E9;
}
.text-saturday{
  color: #007FFF !important;
}
.text-sunday{
  color: #FF0000 !important;
}
.page-top{
  text-align: right;
  max-width: 960px;
  margin: 0 auto;
}
.copyrights{
  text-align: center;
  background-color: #1c50a1;
  margin: 0;
  padding: 0.5em 0;
}
.required{
	background:#F00;
	color:#FFF;
	padding:0.3em;
	font-size:x-small;
	font-weight:normal;
	margin-left:0.5em;
}
/*--- パーツEND ---*/
.small-white{
	font-weight:normal;
	font-style:normal;
	color:#fff;
	font-size:13px;
}




/* ------------------------------------------------------------------ 
マージン
 ------------------------------------------------------------------ */

.mgb-1em{
  margin-bottom: 1em !important;
}
.mgb-2em{
  margin-bottom: 2em !important;
}
.mgb-3em{
  margin-bottom: 3em !important;
}
.mgb-4em{
  margin-bottom: 4em !important;
}
.mgb-5em{
  margin-bottom: 5em !important;
}
.mgb-8em{
  margin-bottom: 8em !important;
}
.mgb-10em{
  margin-bottom: 10em !important;
}
.mgb-15em{
  margin-bottom: 15em !important;
}

.mgb250{
  margin-bottom: 250px !important;
}
.mgb350{
  margin-bottom: 350px !important;
}
.mgt-0{
  margin-top: 0 !important;
}
.mgt-1em{
  margin-top: 1em !important;
}
.mgt-2em{
  margin-top: 2em !important;
}
.mgt-3em{
  margin-top: 3em !important;
}
.mgl-6em{
  margin-left: 6em !important;
}
.mgt30{
	margin:30px 0 0 0;
}
.mgl30{
	margin-left:30px;
	font-weight:normal;
}
.mgr-10{
	margin-right:10px;
}
.mg-5{
	margin:5px;
}
.mgbr5{
	margin:0 5px 5px 0;
}
/*--- マージンEND ---*/
.txt-bk{
	color:#222;
}
.txt-navy{
	color:#1c50a1;
}
.txt-white{
	color:#fff;
}
.txt-red{
	color:#FF0000;
}
.alC {
	text-align: center;
}
.alL {
	text-align: left;
}

.alR {
	text-align: right;
}

/* ------------------------------------------------------------------ 
パッディング
 ------------------------------------------------------------------ */

.pdt-0{
  padding-top: 0;
}
.pdt-1em{
  padding-top: 1em !important;
}
.pdb-1em{
  padding-bottom: 1em !important;
}

/*--- パッディングEND ---*/



/* ------------------------------------------------------------------ 
ナビゲーション
 ------------------------------------------------------------------ */
.nav {
  display: table;
  width: 100%;
  table-layout: fixed; /* 子要素の`table-cell`の幅を均等にする */
}
.nav__item {
  display: table-cell;
}
.nav__item > a {
  display: block;
  padding: 0.5em 0;
  text-align: center;
  text-decoration: none;
  background-color: #eee;
  font-weight: bold;
  color: #000;
}
.nav__item > a:hover {
  background-color: #E8EDF5;
}
.nav__item--border > a {
    background-color: #fff;
    color: #000;
  margin-left: 1px;
  margin-right: 1px;
  border: 1px solid #ccc;
  border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
}
.nav__item--border--active > a {
  background-color: #E8EDF5;
}
.nav__item--small > a {
    font-size: small;
}
/*拡張分*/
ul{
  padding-left: 0;
  margin: 0;
}

/*--- ナビゲーションEND ---*/


/* ------------------------------------------------------------------ 
パンくず
 ------------------------------------------------------------------ */
.breadcrumb {
  padding: 0 0 0 0.5em;
  margin-bottom: 0;
}
.breadcrumb a {
  color: #666;
}
.breadcrumb>li {
  display: inline-block;
}
.breadcrumb>li+li:before {
  padding: 0 5px;
  content: ">";
}
/*--- パンくずEND ---*/



/* ------------------------------------------------------------------ 
マークリスト
 ------------------------------------------------------------------ */
.mark-note {
  padding-left: 25px;
}
.mark-note>li {
  list-style:none;
  text-indent: -1.5em;
}
.mark-note>li:before {
  content:"►";
  vertical-align: middle;
  font-size: small;
  color: #333;
  padding-right: 0.5em;
}
.mark-note--yellow>li:before {
  color: #FFDC21;
}
/*--- マークリストEND ---*/



/* ------------------------------------------------------------------ 
メディア
 ------------------------------------------------------------------ */
.media:before,
.media:after {
  display: table; /* 子要素でfloatを使うため、Clearfixをする */
  content: " "; /* 子要素でfloatを使うため、Clearfixをする */
}
.media:after {
  clear: both; /* 子要素でfloatを使うため、Clearfixをする */
}
.media__image {
  float: left;
  margin-right: 1em; /* 任意の値 */
}
.media__image--rev { /* Reverse */
  float: right;
  margin-right: 0;
  margin-left: 1em;
}
.media__image > img {
  display: block;
}
.media__body {
  overflow: hidden; /* 画像下にテキストが周り込むのを防ぐ */
}
/*--- メディアEND ---*/



/* ------------------------------------------------------------------ 
DL＿水平,DL__番組表
 ------------------------------------------------------------------ */
.dl-horizontal {
  margin: 0;
}
.dl-horizontal dt {
  float: left;
  overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dl-horizontal dd {
  margin-left: 4.5em;
}
/*--- DL＿番組表 ---*/
.dl-program{
  margin:0;
  color: #1c50a1;
}
.dl-program > dt{
  border-bottom: dashed 1px;
  padding-bottom: 1em;
}
.dl-program > dd{
  margin-left: 0;
  margin-top: 1em;
}
.dl-program > dt > span,
.dl-program > dd > span{
  background-color: #80A2CD;
  border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   color: #fff;
   font-weight: normal;
   padding: 0.3em;
   margin-right: 1em;
}
.dl-program2 > dt > span,
.dl-program2 > dd > span{
  background-color: #80A2CD;
  border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   color: #fff;
   font-weight: normal;
   padding: 0.3em;
   margin-right: 1em;
}
.dl-program2 > dd > span a:link,
.dl-program2 > dd > span a:visited,
.dl-program2 > dd > span a:active{
	color:#fff;
	text-decoration:none;
}



/*--- DL＿水平、番組表END ---*/



/* ------------------------------------------------------------------ 
パネル
 ------------------------------------------------------------------ */
.panel-pink{
  background-color: #fff;
  border:1px solid #eb89a0;
   border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  }
.panel-bulegreen{
  background-color: #fff;
  border:1px solid #70b4c2;
   border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.panel-orange{
  background-color: #fff;
  border:1px solid #f49f2d;
   border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  }
.panel-lightblue{
  background-color: #fff;
  border:1px solid #6bc8f2;
   border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  }
.panel2{
  background-color: #fff;
  border:1px solid #91c53e;
   border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  }
.panel{
  background-color: #e5f4fa;
   border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  }
 .panel--index{
  border: 1px solid #e5f4fa;
  background-color: #fff;
 }
.panel__body{
  padding: 1em;
  background-color: #e5f4fa;
   border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  }
.panel__body_green{
  padding: 1em;
  background-color: #fff;
   border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  }
.panel__body_orange{
  padding: 1em;
  background-color: #fff;
   border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  }
.panel__body_lightblue{
  padding: 1em;
  background-color: #fff;
   border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  }
.panel__body_pink{
  padding: 1em;
  background-color: #fff;
   border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  }
.panel__body_pink-tst{
  padding: 1em;
  background-color: #f7e1e6;
   border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  } 
.panel__body_pink2{
  padding: 1em;
  background-color: #fff;
   border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  }
 .panel__body_green2{
  padding: 1em;
  background-color: #fff;
   border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  }
.panel__body >dl{
  margin-top: 0;
  margin-bottom: 0;
  }
/*------------------------
.panel__body >dl >dt{
  font-weight: bold;
  }
  ---------------*/
.panel__body >dl >dd{
  margin-left: 0;
  }
.panel__heading2{
  position: relative;
  background-color: #91c53e;
  color: #fff;
  padding: 1em 1em 2.5em 1em;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  }
.panel__heading-orange{
  position: relative;
  background-color: #f49f2d;
  color: #fff;
  padding: 1em 1em 2.5em 1em;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  }
.panel__heading-lightblue{
  position: relative;
  background-color: #6bc8f2;
  color: #fff;
  padding: 1em 1em 2.5em 1em;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  }
.panel__heading-pink{
  position: relative;
  background-color: #eb89a0;
  color: #fff;
  padding: 1em 1em 2.5em 1em;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  }
.panel__heading-bulegreen{
  position: relative;
  background-color: #70b4c2;
  color: #fff;
  padding: 1em 1em 2.5em 1em;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  }
.panel__heading{
  position: relative;
  background-color: #00aae7;
  color: #fff;
  padding: 1em 1em 2.5em 1em;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  }
.panel__heading__link {
  position: absolute;
  top: 1em;
  right: 1em;
  font-weight: normal;
  font-size:x-small;
}
.panel__heading__link>a {
  text-decoration: none;
  color: #1c50a1;
  background-color: #fff;
  padding: 0.3em;
}

.panel__heading--reception{
  background-color: #e5f4fa;
  border-bottom: 1px solid #1c50a1;
  color: #1c50a1;
  text-align: center;
  }
.panel__title{
  margin: 0;
}
.panel__title >a{
  text-decoration: none;
  color: #fff;
}
.panel__body--top-backnumber{
  background-color: #fff;
  height: 250px;
  overflow-y:scroll;
  }
.panel__body--top-backnumber__table tr >th,
.panel__body--top-backnumber__table tr >td{
  padding-bottom: 1em;
  vertical-align: top;
  font-size: small;
}
.panel__body--top-backnumber__table tr >th{
  padding-right: 1em;
}
/*--- パネルEND ---*/



/* ------------------------------------------------------------------ 
ボタン
 ------------------------------------------------------------------ */
.button{
  display: inline-block;
  padding:1em 2em;
     border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
  margin:0 10px;
}
.button--primary{
	border:solid 1px #1c50a1;
	background:#1c50a1;
	color:#FFF;
}
.button--full{
  width: 100%;
}
#submit,
#myreset{
	  display: inline-block;
  padding:1em 2em;
     border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
  margin:0 10px;
  	border:solid 1px #1c50a1;
	background:#1c50a1;
	color:#FFF;
}
.zm_copyright{
visibility: hidden;
}
/*--- ボタンEND ---*/



/* ------------------------------------------------------------------ 
テーブル
 ------------------------------------------------------------------ */
.table5{
	 border:1px #ccc solid;
	 width:100%;
 }
 .table5 td{
	 border:1px #ccc solid;
	 padding:5px 10px;
 }.table{
  width: 100%;
}
.table tr >th,
.table tr >td{
  padding: 1em;
}
.table--striped > tbody > tr:nth-of-type(2n+1) {
  background-color: #F9F9F9;
}
.table--time-table tr>th{
  background-color: #1c50a1;
  color: #fff;
  padding-top: 0;
  padding-bottom: 0;
}
.table--time-table tr>td{
  padding: 0;
}
.table--time-table--bk-‎white{
  background-color: #fff;
  padding: 1em;
}
.table--time-table--bk-‎white2{
  background-color: #fff;
  padding:0 1em;
}
.table--time-table--bk-‎blue{
  background-color: #E8EDF5;
  padding: 1em;
}
.table--time-table--bk-‎red{
  background-color: #FFE5EC;
  padding: 1em;
}
.table--time-table--bk-‎yellow{
  background-color: #FFF8E5;
  padding: 0 1em;
}
.table--time-table--bk-‎yellow2{
  background-color: #FFF8E5;
  padding: 0.5em 1em;
}
.table--cm{
  width: 400px;
  margin-bottom: 1em;
}
.table--cm tr>th{
  background-color: #CCE5F4;
  color: #1c50a1;
  border: solid 1px #1c50a1;
}
.table--cm tr>td{
  border: solid 1px #1c50a1;
  text-align: center;
}
.inline-block{
  display: inline-block;
  margin-right: 0.5em;
}
.table--f{
	font-size:85%;
	background-color:#f1f6e2;
	border-radius:5px;
	vertical-align:top;
	}
.table--f td{
	vertical-align:top;
	padding-left:5px;
	}
.table--f_pink{
	font-size:85%;
	background-color:#fbe7ec;
	border-radius:5px;
	vertical-align:top;
	}
.table--f_pink td{
	vertical-align:top;
	padding-left:5px;
	}
/*--- テーブルEND ---*/



/* ------------------------------------------------------------------ 
グリッド
 ------------------------------------------------------------------ */
.grid:before,
.grid:after {
  display: table; /* 子要素でfloatを使うため、Clearfixをする */
  content: " "; /* 子要素でfloatを使うため、Clearfixをする */
}
.grid:after {
  clear: both; /* 子要素でfloatを使うため、Clearfixをする */
}
ul.grid {
  margin: 0 auto;
  padding-left: 0;
}
.grid > li{
  list-style: none;
}
.grid--full {
  margin-left: -15px;
  margin-right: -15px;
}
.grid__item {
  float: left;
  box-sizing: border-box; /* border-widthとpaddingをwidthに含める */
  width: 16.667%;
}
.grid__item--1 {
  width: 8.333%;
}
.grid__item--2 {
  width: 16.667%;
}
.grid__item--3 {
  width: 25%;
}
.grid__item--4 {
  width: 33.333%;
}
.grid__item--5 {
  width: 41.666%;
}
.grid__item--6 {
  width: 50%;
}
.grid__item--7 {
  width: 58.333%;
}
.grid__item--8 {
  width: 66.666%;
}
.grid__item--9 {
  width: 75%;
}
.grid__item--10 {
  width: 83.33%;
}
.grid__item--11 {
  width: 91.666%;
}
.grid__item--12 {
  width: 100%;
}
/* `.grid__item`に持たせる */
.has-gutter {
  padding-left: 15px;
  padding-right: 15px;  
}
/*--- グリッドEND ---*/



/* ------------------------------------------------------------------ 
インターネットラジオ
 ------------------------------------------------------------------ */
.none{
	margin-left:0;
	list-style-type:none;
}
.f80{
	font-size:80%;
}
/*--- インターネットラジオEND ---*/


/*--IEのCSS3テスト用スタイル
PIE.htcのテスト

.ie_div {
    background-color:#000;
    border-radius:10px;
    behavior:url("/common/css/PIE.htc");
}

div {
    border-radius:10px;
    background:
    url("/common/css/image1.jpg") no-repeat top left,
    url("/common/css/image2.jpg") no-repeat center center,
    url("/common/css/image3.jpg") no-repeat 100% 100%;
 
    -pie-background:
    url("/common/css/image1.jpg") no-repeat top left,
    url("/common/css/image2.jpg") no-repeat center center,
    url("/common/css/image3.jpg") no-repeat 100% 100%;
 
    behavior:url("/common/css/PIE.htc");
}
*/


/* ------------------------------------------------------------------ 
weekendwaveの吹き出し
 ------------------------------------------------------------------ */
.arrow_box {
	position: relative;
	background: #fff;
	border: 1px solid #f3b5c3;
	border-radius:5px;
	
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #f3b5c3;

}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box:before {
	border-width: 11px;
	margin-left: -11px;
}


.w710{
	width:680px;
	margin-left:auto;
	font-size:90%;
}

.arrow_box_green {
	position: relative;
	background: #ffffff;
	border: 1px solid #91c53e;
	border-radius:5px;
}
.arrow_box_green:after, .arrow_box_green:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box_green:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box_green:before {
	border-color: rgba(183, 211, 108, 0);
	border-bottom-color: #91c53e;
	border-width: 11px;
	margin-left: -11px;
}


/*/開始/*/
.title-border_orange-tst{
  color: #F08200;
}
 .panel__body_orange2{
  padding: 1em;
  background-color: #fff;
   border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  }
.arrow_box_orange {
	position: relative;
	background: #ffffff;
	border: 1px solid #F08200;
	border-radius:5px;
}
.arrow_box_orange:after, .arrow_box_orange:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box_orange:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box_orange:before {
	border-color: rgba(183, 211, 108, 0);
	border-bottom-color: #F08200;
	border-width: 11px;
	margin-left: -11px;
}

/*/終了/*/

/*/開始/*/
.title-border_lightblue-tst{
  color: #6bc8f2;
}
 .panel__body_lightblue{
  padding: 1em;
  background-color: #fff;
   border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  }
.arrow_box_lightblue {
	position: relative;
	background: #ffffff;
	border: 1px solid #6bc8f2;
	border-radius:5px;
}
.arrow_box_lightblue:after, .arrow_box_lightblue:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box_lightblue:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box_lightblue:before {
	border-color: rgba(183, 211, 108, 0);
	border-bottom-color: #6bc8f2;
	border-width: 11px;
	margin-left: -11px;
}

/*/終了/*/
.txt-s{
	font-size:80%;
}
.box_green_A{
	border:1px solid #d2e6b9;
	background-color:#f6faf1;
}
.f-25{font-size:25px;
line-height:0.8em;
}

#happy-mom h2{
	width:960px;
	height:53px;
	font-size:21px;
	font-weight:bold;
	background-image:url("/program/marinpal-hotline/happy-mom-salon/img/happy-mom_h2.gif");
	background-repeat:no-repeat;
	color:#fff;
	padding-left:20px;
	line-height:50px;
}
#happy-mom h3{
	width:960px;
	height:53px;
	font-size:21px;
	font-weight:bold;
	background-image:url("/program/marinpal-hotline/happy-mom-salon/img/happy-mom_h3.gif");
	background-repeat:no-repeat;
	color:#555;
	padding-left:50px;
	line-height:50px;
}
.simple_01{
width: 90%;
border-collapse: collapse;
margin-top:10px;
margin-left:auto;
margin-right:auto;
}
.simple_01 th{
padding: 1px;
text-align: center;
vertical-align:middle;
color: #333;
background-color: #f6faf1;
border: 1px solid #d2e6b9;
}
.simple_01 td{
padding: 1px;
background-color: #fff;
border: 1px solid #d2e6b9;
text-align:left;
padding-left:10px;
}

.simple_01R{
width: 60%;
border-collapse: collapse;
margin-top:10px;
margin-left:0;
}

.simple_02R{
width: 80%;
border-collapse: collapse;
margin-left:0;
margin-bottom:10px;
}

.simple_03R{
width: 100%;
border-collapse: collapse;
margin-left:0;
margin-bottom:10px;
}

.simple_01R th, .simple_02R th, .simple_03R th{
padding: 1px;
text-align: center;
vertical-align:middle;
color: #333;
background-color: #f6faf1;
border: 1px solid #d2e6b9;
}
.simple_01R td, .simple_02R td, .simple_03R td{
padding: 1px;
background-color: #fff;
border: 1px solid #d2e6b9;
text-align:left;
padding-left:10px;
}



.wedding h2{
	width:960px;
	height:50px;
	font-size:21px;
	font-weight:bold;
	background-image:url("/program/special/170604_wediing/img/wedding_h2.gif");
	background-repeat:no-repeat;
	color:#555;
	padding-left:50px;
	line-height:50px;
}

.kaikou120 h2{
	width:960px;
	height:71px;
	font-size:27px;
	font-weight:bold;
	background-image:url("/program/special/190713/img/190713-h2.gif");
	background-repeat:no-repeat;
	color:#009de6;
  text-align: center;
  padding-top: 12px;
	line-height:50px;
}

.kaikou120 h3{
	width:960px;
	height:127px;
	font-size:36px;
	font-weight:bold;
	background-image:url("/program/special/190713/img/190713-h3.gif");
	background-repeat:no-repeat;
	color:#fff;
  text-align: center;
	line-height:130px;
  margin: 0;
}

.kaikou120-line {
  display: flex;
  align-items: center;
}
.kaikou120-line:before, .kaikou120-line:after {
  content: "";
  flex-grow: 1;
  height: 1px; /* 線の太さを変えたいときはここを変える */
  background: #ddd; /* 線の色を変えたいときはここを変える */
  margin:0 .4em; /* 文字と線の余白用 なくても良い */
}