@charset "UTF-8";
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 2016/09/06, 20:39:47
    Author     : dev
*/
/******************************* 共通の設定 *******************************/
/* ED紫:    #F500C0 ED緑:   #5AD1A9 ED黄:   #FAF205 */
/* ED深紫:  #A50070 ED深緑: #148B63 ED深黄: #F0D405 */
/* フォント指定 */
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold; }
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100; }
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200; }
body, h1, h2, h3, h4, h5, h6 {
  font-family: "-apple-system", "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif; }

/* ロード中のアイコン */
#loading {
  display: none;
  position: absolute;
  left: 50%;
  top: 20%;
  margin-left: -30px;
  z-index: 100; }

/* よく使うグラデーション */
/* 画面レイアウトのメニュー以外の部分 */
/* はみ出したら「...」を表示するやつ。使うときは、widthを指定すること */
/* ボタン */
.button {
  padding: 0 0;
  border: 1px solid #ccc;
  background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
  background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
  box-shadow: 0 0 0 white inset;
  color: #000;
  font-size: 1rem;
  font-weight: bold;
  padding: 1em .5em; }
  .button:hover, .button:focus {
    color: #148B63; }
  @media screen and (max-width: 40em) {
    .button {
      font-size: .75em; } }

.table-button {
  background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
  background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
  box-shadow: 0 0 0 white inset;
  color: #000;
  font-size: 1rem;
  font-weight: bold;
  cursor: pointer; }
  .table-button:hover, .table-button:focus {
    color: #148B63; }
  @media screen and (max-width: 40em) {
    .table-button {
      font-size: .75em; } }

.table-select td {
  background-color: #e1faea; }

.button.alert {
  color: #F00; }
  .button.alert:hover, .button.alert:focus {
    color: #148B63; }

/* ボタンのスペース */
#bottun_space {
  margin: 2em 0; }

/* 文字色＝黒 */
.text-black {
  color: #000; }

/* 文字色＝赤 */
.text-red {
  color: #F00; }

/* 文字色＝青 */
.text-blue {
  color: #00F; }

/* 文字色＝緑 */
.text-green {
  color: #148B63; }

/* 文字色＝黒 */
.text-gray {
  color: #CCC; }

/* 文字＝太字 */
.text-bold {
  font-weight: bold; }

/* 文字＝中央 */
.text-center {
  text-align: center; }

/* 背景の設定 */
body {
  background-color: #FFF; }

/* リンク */
a {
  color: #000; }
  a:active, a:focus {
    color: #000; }
  a:hover {
    color: #148B63; }

/* データがない時の表示 */
.no-data {
  text-align: center;
  color: #F00;
  padding: 1em 0;
  border: 0;
  background-color: #fce6e2; }

.mini {
  font-size: .75em; }

table thead, table tbody {
  border: none; }
  table thead td, table thead th, table tbody td, table tbody th {
    border: 1px #888 solid;
    border-left: 1px #DDD solid;
    border-right: 1px #DDD solid;
    padding: .5em; }
    @media screen and (max-width: 40em) {
      table thead td, table thead th, table tbody td, table tbody th {
        padding: .25em; } }
    table thead td:first-child, table thead th:first-child, table tbody td:first-child, table tbody th:first-child {
      border-left: none; }
    table thead td:last-child, table thead th:last-child, table tbody td:last-child, table tbody th:last-child {
      border-right: none; }

/* Datatables関連 */
/* Data Tables 検索テキスト欄をスマホ表示の時だけ縮める */
@media screen and (max-width: 40em) {
  .dataTables_wrapper {
    font-size: .75em; }

  div.dataTables_wrapper div.dataTables_filter input {
    font-size: .75em;
    width: 5em; } }
table.dataTable .back-red {
  background-color: #FDD;
  color: #000; }

table.dataTable .back-yellow {
  background-color: #FBFBEF;
  color: #000; }

table.dataTable .back-nomal {
  background-color: #FFF;
  color: #000; }

table.dataTable tbody tr.stripe1:hover {
  color: #148B63;
  background-color: whitesmoke; }
  table.dataTable tbody tr.stripe1:hover td:last-child {
    color: #148B63;
    background-color: whitesmoke; }

table.dataTable tbody tr.stripe2:hover {
  color: #148B63;
  background-color: whitesmoke; }
  table.dataTable tbody tr.stripe2:hover td:last-child {
    color: #148B63;
    background-color: whitesmoke; }

table.dataTable tbody tr.stripe1.selected, table.dataTable tbody tr.stripe2.selected {
  background-color: #9CFFC1; }
  table.dataTable tbody tr.stripe1.selected:hover, table.dataTable tbody tr.stripe2.selected:hover {
    color: #148B63;
    background-color: #9CFFC1; }
    table.dataTable tbody tr.stripe1.selected:hover td:last-child, table.dataTable tbody tr.stripe2.selected:hover td:last-child {
      color: #148B63;
      background-color: #9CFFC1; }

table.dataTable tbody tr.selected td {
  color: #000; }

table tbody tr:nth-child(even) {
  background-color: #FFFFFF; }

.text-gray-table {
  color: #CCC; }
  .text-gray-table:hover {
    color: #CCC; }

/* 点滅 */
.blink {
  animation: blinkAnime 1.5s infinite alternate; }

@keyframes blinkAnime {
  0% {
    color: rgba(255, 255, 255, 0.25); }
  100% {
    color: #ffff00; } }
/* クリックしやすいラジオボタン等（<input>タグを<label>で囲むこと） */
.easy_click {
  display: inline;
  padding: .5em;
  cursor: pointer; }
  .easy_click:hover {
    color: #148B63; }
  .easy_click input {
    padding: auto; }

/* ON・OFF用のチェックボックス装飾 */
.onoff_box input {
  display: none; }
.onoff_box input + label,
.onoff_box input + label::before,
.onoff_box input + label::after {
  -webkit-transition: all .2s;
  transition: all .2s; }
.onoff_box input + label {
  display: inline-block;
  position: relative;
  width: 98px;
  height: 36px;
  border-radius: 3px;
  cursor: pointer;
  margin: 1px 1px 16px 1px; }
.onoff_box input + label::before {
  display: block;
  content: attr(data-off-label);
  position: absolute;
  top: 6px;
  right: 6px;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 1em;
  font-weight: bold; }
.onoff_box input + label::after {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  width: 40px;
  height: 28px;
  background-color: #fff;
  border-radius: 3px; }
.onoff_box input:checked + label::before {
  content: attr(data-on-label);
  left: 7px;
  right: auto;
  color: #fff; }
.onoff_box input:checked + label::after {
  left: 54px;
  background-color: #f7f7f7; }
.onoff_box input + label {
  background-color: #ccc; }
.onoff_box input + label::before {
  color: #fff; }
.onoff_box input:checked + label {
  background-color: #2199e8; }
.onoff_box input:checked + label::before {
  color: #fff; }

/* ログイン画面(MCM001/index.volt.volt) */
#login_img {
  padding-top: 1rem;
  padding-bottom: 2rem;
  text-align: center; }
  @media screen and (min-width: 64em) {
    #login_img {
      padding-top: 5rem; } }

#login_box label {
  font-size: 1.15em; }

#login_footer {
  margin-top: 3em;
  color: #888;
  text-align: center;
  font-size: smaller; }
  #login_footer a {
    text-decoration: underline; }

/* calloutのpaddingを小さくする */
@media screen and (max-width: 40em) {
  .callout {
    padding: .5em; } }
/* 入力ダイアログ */
.ui-widget.ui-widget-content {
  background-color: #E1FFEB;
  /* 日付入力部品 */ }
  .ui-widget.ui-widget-content input:disabled, .ui-widget.ui-widget-content input[readonly],
  .ui-widget.ui-widget-content textarea:disabled,
  .ui-widget.ui-widget-content textarea[readonly] {
    background-color: #FFF;
    cursor: pointer; }

.ui-draggable .ui-dialog-titlebar {
  font-family: "-apple-system", "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
  padding: 0 0;
  border: 1px solid #ccc;
  background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
  background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
  box-shadow: 0 0 0 white inset;
  padding: .5em 1em;
  border-bottom: 0.25em solid #5AD1A9; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: "-apple-system", "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif; }

.ui-dialog .ui-dialog-content {
  padding: .5em; }
  .ui-dialog .ui-dialog-content .button {
    padding: .5em;
    height: 39px;
    width: 137px;
    margin-bottom: 0; }

/* 日付入力ダイアログ */
.ui-datepicker .ui-datepicker-header {
  font-family: "-apple-system", "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
  padding: 0 0;
  border: 1px solid #ccc;
  background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
  background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
  box-shadow: 0 0 0 white inset;
  padding: .5em 1em;
  border-bottom: 0.25em solid #5AD1A9; }
  .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    margin-right: 20px;
    margin-left: 20px;
    font-weight: normal; }
  .ui-datepicker .ui-datepicker-header .ui-datepicker-year, .ui-datepicker .ui-datepicker-header .ui-datepicker-month {
    padding-top: 3px;
    padding-bottom: 3px; }

/* 画面表示モード選択用ラジオボタン */
.button_radio input[type="radio"] {
  display: none; }
.button_radio input:checked + label {
  background-color: #2199e8; }
.button_radio label {
  display: inline-block;
  color: #fff;
  background-color: #ccc;
  border-radius: 3px;
  margin-bottom: 1em;
  margin-left: 2px;
  margin-right: 2px;
  padding: .5em 1em;
  font-weight: bold;
  /* スマホ */ }
  @media screen and (max-width: 40em) {
    .button_radio label {
      font-size: .75em; } }

/* 必須入力項目 文字色を赤色にする */
.required {
  color: #F00; }

/* 必須ラベル・任意ラベル */
.h_label {
  font-size: .75em;
  color: #FFF;
  background-color: #F00; }

.a_label {
  font-size: .75em;
  color: #FFF;
  background-color: #666; }

.remodal {
  padding: 1em;
  text-align: left; }
  @media screen and (max-width: 40em) {
    .remodal {
      padding: .5em;
      padding-top: 2em; } }

.item_label {
  text-align: left; }
  @media screen and (min-width: 64em) {
    .item_label label {
      text-align: right; } }

.hide {
  display: none; }

.m_mark {
  display: inline-block;
  color: #FFF;
  background-color: #2199e8;
  padding-left: 3px;
  padding-right: 3px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; }

/******************************* 契約ボタン関連 *******************************/
.contract_button {
  padding: 0 0;
  border: 1px solid #ccc;
  background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
  background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
  box-shadow: 0 0 0 white inset;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px; }
  .contract_button a {
    font-size: 1.25em;
    font-weight: bold; }
    .contract_button a:not(.button) {
      text-shadow: 2px 2px 1px #999999;
      padding: .75em .5em; }
    .contract_button a:not(.button):hover, .contract_button a:not(.button):focus {
      text-shadow: 2px 2px 1px #999999; }

.contract_button_red {
  background-color: #F66;
  padding: .5em; }
  .contract_button_red i {
    color: #F66; }

.contract_button_green {
  background-color: #148B63;
  padding: .5em; }
  .contract_button_green i {
    color: #148B63; }

.contract_button_blue {
  background-color: #66F;
  padding: .5em; }
  .contract_button_blue i {
    color: #66F; }

.contract_button_orange {
  background-color: #ffa500;
  padding: .5em; }
  .contract_button_orange i {
    color: #ffa500; }

.contract_button_gray {
  background-color: #e6e6e6;
  padding: .5em; }
  .contract_button_gray a {
    cursor: default;
    color: #C6C6C6; }
    .contract_button_gray a:not(.button) {
      text-shadow: none; }
    .contract_button_gray a:not(.button):hover, .contract_button_gray a:not(.button):focus {
      text-shadow: none;
      color: #e6e6e6; }
  .contract_button_gray i {
    color: #e6e6e6; }

.contract_butoon:active {
  /*ボタンを押したとき*/
  box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2) inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1); }

/* 「契約形態を選択」ダイアログ */
.contract_type_select .contract_description {
  font-size: 13px; }
.contract_type_select input[type="submit"]#ok,
.contract_type_select input[type="submit"]#close {
  width: 230px; }
.contract_type_select .contract_type_select_button_wrap {
  display: flex;
  justify-content: space-between; }

/******************************* PC画面のヘッダー(MCR001.volt) メニュー *******************************/
#main_header {
  /* PCの場合のみ */ }
  @media screen and (min-width: 64em) {
    #main_header {
      margin: 0 0 0 240px;
      _overflow: auto;
      padding: 0; } }
  #main_header a {
    text-decoration: underline; }
  #main_header .title {
    margin-top: 1em;
    margin-bottom: 1em; }
  #main_header .title_mesasge {
    padding-left: 1em; }
  #main_header .header_link {
    padding: 0 1em;
    float: right; }

/******************************* タブレット・スマホ(m_menu_service.volt) メニュー *******************************/
#medium_header {
  /* メニューアイコンの色変更 */
  /* メニュー項目 */
  /* グループ間の隙間 */
  /* メニューの色 */ }
  #medium_header .menu-icon::after {
    background: #000;
    box-shadow: 0 7px 0 #000, 0 14px 0 #000; }
  #medium_header .menu-icon:hover::after {
    background: #148B63;
    box-shadow: 0 7px 0 #148B63, 0 14px 0 #148B63; }
  #medium_header .title-bar {
    height: 3rem;
    background-color: #FFF;
    color: #148B63; }
  #medium_header .top-bar, #medium_header .top-bar ul {
    background-color: #FFF; }
  #medium_header .menu-img {
    cursor: pointer; }
  #medium_header .title-bar-title {
    float: right; }
    #medium_header .title-bar-title a {
      padding: 0 .5em; }
  #medium_header .top-bar-left {
    width: 100%; }
  #medium_header li {
    padding: 0 0;
    border: 1px solid #ccc;
    background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
    box-shadow: 0 0 0 white inset;
    margin-bottom: 1px; }
    #medium_header li a {
      font-size: 1rem;
      font-weight: bold; }
      #medium_header li a:not(.button) {
        color: #000;
        padding: .75rem .5rem; }
      #medium_header li a:not(.button):hover, #medium_header li a:not(.button):focus {
        color: #148B63; }
  #medium_header .split {
    margin-bottom: 5px; }
  #medium_header .menu_purple {
    border-left: 0.5em solid #F500C0; }
  #medium_header .menu_green {
    border-left: 0.5em solid #5AD1A9; }
  #medium_header .menu_deep_green {
    border-left: 0.5em solid #148B63; }
  #medium_header .menu_yellow {
    border-left: .5em solid #FAC814; }
  #medium_header .menu_blue {
    border-left: .5em solid #99F; }
  #medium_header .menu_red {
    border-left: .5em solid #F99; }
  #medium_header .menu_light_blue {
    border-left: .5em solid #7CF; }
  #medium_header .menu_gray {
    border-left: .5em solid #ccc; }

.logo {
  display: block;
  width: 200px;
  margin: auto;
  padding-top: 3px;
  padding-bottom: 3px; }

#side_menu {
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  _position: absolute;
  width: 240px;
  z-index: 2; }

/******************************* menu_service.volt メニュー *******************************/
.sticky_menu {
  height: 400px;
  overflow: auto; }

/******************************* PC画面(layouts/MCR001.volt) メニュー *******************************/
#side_menu .sticky {
  width: 100%; }

#side_menu .menu {
  /* メニュー項目 */
  /* グループ間の隙間 */
  /* メニューの色 */ }
  #side_menu .menu li {
    padding: 0 0;
    border: 1px solid #ccc;
    background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
    box-shadow: 0 0 0 white inset;
    margin-bottom: 1px; }
    #side_menu .menu li a {
      font-size: 1.25em;
      font-weight: bold; }
      #side_menu .menu li a:not(.button) {
        padding: .75em .5em; }
      #side_menu .menu li a:not(.button):hover, #side_menu .menu li a:not(.button):focus {
        color: #148B63; }
  #side_menu .menu .split {
    margin-bottom: 10px; }
  #side_menu .menu .menu_purple {
    border-left: 0.5em solid #F500C0; }
  #side_menu .menu .menu_green {
    border-left: 0.5em solid #5AD1A9; }
  #side_menu .menu .menu_deep_green {
    border-left: 0.5em solid #148B63; }
  #side_menu .menu .menu_yellow {
    border-left: .5em solid #FAC814; }
  #side_menu .menu .menu_blue {
    border-left: .5em solid #99F; }
  #side_menu .menu .menu_red {
    border-left: .5em solid #F99; }
  #side_menu .menu .menu_light_blue {
    border-left: .5em solid #7CF; }
  #side_menu .menu .menu_gray {
    border-left: .5em solid #ccc; }

#side_menu .tel_box {
  padding: 1em 0 1em;
  border-top: 3px solid #148B63;
  border-bottom: 3px solid #148B63; }
  #side_menu .tel_box .c_title {
    text-align: center;
    font-size: .8em;
    margin-bottom: 0;
    font-weight: bold; }
  #side_menu .tel_box .c_tel {
    margin-bottom: 0;
    text-align: center;
    font-size: 2em;
    font-weight: bolder; }
  #side_menu .tel_box .c_time {
    text-align: center;
    margin-bottom: 0; }

/******************************* メイン画面(layouts/MCR001.volt) *******************************/
#main {
  /* PCの場合のみ */
  /* 画面の見出し */
  /* 画面見出しの色 */
  /* 設定のアコーディオン */
  /*ACCORDION*/
  /******************************* トップページ(MCR001) *******************************/
  /******************************* 資料ダウンロード(MDD001) *******************************/
  /******************************* 契約プラン登録(MCR004) *******************************/
  /******************************* 契約管理(MCR005) *******************************/
  /******************************* 契約管理(MCR006) *******************************/
  /******************************* 売上管理(MCR007) *******************************/
  /******************************* 帳票管理(MPT001) *******************************/
  /******************************* 販売代理店情報(MDS001) *******************************/
  /******************************* 利用状況一覧(MUS001) *******************************/
  /******************************* サポートページ(MCR010) *******************************/ }
  @media screen and (min-width: 64em) {
    #main {
      margin: 0 0 0 240px;
      _overflow: auto;
      padding: 0; } }
  #main h3 {
    padding: 0 0;
    border: 1px solid #ccc;
    background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
    box-shadow: 0 0 0 white inset;
    font-weight: bold;
    padding: .25em .5em; }
  #main .bottom_purple {
    border-bottom: 0.25em solid #F500C0; }
  #main .bottom_green {
    border-bottom: 0.25em solid #5AD1A9; }
  #main .bottom_deep_green {
    border-bottom: 0.25em solid #148B63; }
  #main .bottom_yellow {
    border-bottom: .25em solid #FAC814; }
  #main .bottom_blue {
    border-bottom: .25em solid #99F; }
  #main .bottom_red {
    border-bottom: .25em solid #F99; }
  #main .bottom_light_blue {
    border-bottom: .25em solid #7CF; }
  #main .bottom_gray {
    border-bottom: .25em solid #ccc; }
  #main .accordion-title {
    color: #000;
    background-color: #ebebeb;
    padding: 1em;
    border: 1px solid rgba(10, 10, 10, 0.25); }
    #main .accordion-title h4 {
      margin-bottom: 0; }
  #main div.ac_menu {
    width: 100%; }
    #main div.ac_menu ul {
      list-style: none;
      margin: 0; }
      #main div.ac_menu ul li {
        margin: 0; }
        #main div.ac_menu ul li a.toggle {
          display: block;
          cursor: pointer;
          position: relative; }
        #main div.ac_menu ul li a.toggle:after, #main div.ac_menu ul li a.toggle.active:after {
          font-size: 1em;
          position: absolute;
          right: 0;
          top: 0;
          color: #000; }
        #main div.ac_menu ul li a.toggle:hover {
          color: #000; }
        #main div.ac_menu ul li a.toggle:after {
          font-weight: bolder;
          font-size: 1.5em;
          content: "＋"; }
          @media screen and (max-width: 40em) {
            #main div.ac_menu ul li a.toggle:after {
              font-size: 1em; } }
        #main div.ac_menu ul li a.toggle.active:after {
          font-weight: bolder;
          font-size: 1.5em;
          content: "－"; }
          @media screen and (max-width: 40em) {
            #main div.ac_menu ul li a.toggle.active:after {
              font-size: 1em; } }
        #main div.ac_menu ul li ul {
          display: none; }
  #main #MCR001 {
    /* お知らせ */ }
    #main #MCR001 .back-red {
      background-color: #FDD;
      color: #000; }
    #main #MCR001 .back-yellow {
      background-color: #FBFBEF;
      color: #000; }
    #main #MCR001 .back-nomal {
      background-color: #FFF;
      color: #000; }
    #main #MCR001 #list a {
      color: #00F;
      text-decoration: underline; }
    #main #MCR001 #info {
      /* アラート タイトル */ }
      #main #MCR001 #info .alert_title {
        font-size: 2em;
        font-weight: bold;
        /* タブレット */
        /* スマホ */ }
        @media screen and (min-width: 40em) and (max-width: 63.9375em) {
          #main #MCR001 #info .alert_title {
            font-size: 1.5em; } }
        @media screen and (max-width: 40em) {
          #main #MCR001 #info .alert_title {
            font-size: 1.25em; } }
      #main #MCR001 #info .alert_subtitle {
        font-weight: bold; }
      #main #MCR001 #info .callout {
        padding: 0;
        border: none; }
        #main #MCR001 #info .callout .midashi {
          color: #FFF;
          background-color: #148B63;
          padding: .5em .75em; }
          #main #MCR001 #info .callout .midashi a {
            text-decoration: underline; }
        #main #MCR001 #info .callout .honbun {
          padding: .25em;
          border: 1px solid #ccc;
          border-top: 0; }
          #main #MCR001 #info .callout .honbun ul {
            list-style-type: none;
            margin: 0; }
            #main #MCR001 #info .callout .honbun ul li {
              border-bottom: 1px solid #CCC;
              padding: 0 .5em;
              width: 100%;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis; }
              #main #MCR001 #info .callout .honbun ul li a {
                text-decoration: underline; }
              #main #MCR001 #info .callout .honbun ul li:last-child {
                border-bottom: 0; }
        #main #MCR001 #info .callout .list_space {
          padding: .25em;
          border: 1px solid #ccc;
          border-top: 0; }
          #main #MCR001 #info .callout .list_space ul.alert_list {
            list-style: none;
            margin: 0; }
            #main #MCR001 #info .callout .list_space ul.alert_list li {
              width: 176px;
              position: relative;
              /* タブレット */
              /* スマホ */
              font-size: 1em;
              display: inline-block;
              padding: 0; }
              @media screen and (min-width: 40em) and (max-width: 63.9375em) {
                #main #MCR001 #info .callout .list_space ul.alert_list li {
                  width: 140px; } }
              @media screen and (max-width: 40em) {
                #main #MCR001 #info .callout .list_space ul.alert_list li {
                  width: 140px; } }
              #main #MCR001 #info .callout .list_space ul.alert_list li .callout {
                padding: .5em;
                border: 1px solid #ccc;
                margin-bottom: .5em; }
              #main #MCR001 #info .callout .list_space ul.alert_list li:hover {
                opacity: 0.5;
                cursor: pointer; }
              #main #MCR001 #info .callout .list_space ul.alert_list li .important_label {
                position: absolute;
                top: 0;
                right: 0;
                font-size: .75em;
                font-weight: bold;
                color: #FFF;
                z-index: 999; }
                #main #MCR001 #info .callout .list_space ul.alert_list li .important_label .red_label {
                  background-color: #F00; }
                #main #MCR001 #info .callout .list_space ul.alert_list li .important_label .green_label {
                  background-color: #00CC33; }
              #main #MCR001 #info .callout .list_space ul.alert_list li .important_label2 {
                position: absolute;
                top: 0;
                left: 0;
                font-size: .75em;
                font-weight: bold;
                color: #FFF;
                z-index: 999; }
                #main #MCR001 #info .callout .list_space ul.alert_list li .important_label2 .blue_label {
                  background-color: #00F; }
          #main #MCR001 #info .callout .list_space .overflow {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 158px;
            /* タブレット */
            /* スマホ */ }
            @media screen and (min-width: 40em) and (max-width: 63.9375em) {
              #main #MCR001 #info .callout .list_space .overflow {
                width: 127px; } }
            @media screen and (max-width: 40em) {
              #main #MCR001 #info .callout .list_space .overflow {
                width: 131px; } }
          #main #MCR001 #info .callout .list_space ul.pagination {
            margin-bottom: 0; }
  #main #MDD001 .callout {
    background-color: #00F;
    margin-bottom: .5em;
    padding-top: 0.5rem;
    padding-bottom: 0.5em; }
  #main #MCR004 {
    /* 日付入力部品 */ }
    #main #MCR004 input:disabled, #main #MCR004 input[readonly],
    #main #MCR004 textarea:disabled,
    #main #MCR004 textarea[readonly] {
      background-color: #FFF;
      cursor: pointer; }
    #main #MCR004 #view_premiun hr {
      width: 100%;
      max-width: 100%; }
  #main #MCR005 {
    /* 日付入力部品 */ }
    #main #MCR005 input:disabled, #main #MCR005 input[readonly],
    #main #MCR005 textarea:disabled,
    #main #MCR005 textarea[readonly] {
      background-color: #FFF;
      cursor: pointer; }
  #main #MCR006 {
    /* 日付入力部品 */ }
    #main #MCR006 input:disabled, #main #MCR006 input[readonly],
    #main #MCR006 textarea:disabled,
    #main #MCR006 textarea[readonly] {
      background-color: #FFF;
      cursor: pointer; }
    #main #MCR006 .billing {
      font-size: 1.4em;
      margin-bottom: .5em; }
      @media screen and (max-width: 40em) {
        #main #MCR006 .billing {
          font-size: 1em; } }
  #main #MCR007 {
    /* 日付入力部品 */ }
    #main #MCR007 input:disabled, #main #MCR007 input[readonly],
    #main #MCR007 textarea:disabled,
    #main #MCR007 textarea[readonly] {
      background-color: #FFF;
      cursor: pointer; }
    #main #MCR007 .billing {
      font-size: 1.4em;
      margin-bottom: .5em; }
      @media screen and (max-width: 40em) {
        #main #MCR007 .billing {
          font-size: 1em; } }
    @media screen and (max-width: 40em) {
      #main #MCR007 .billing_sub {
        font-size: .75em; } }
  #main #MPT001 {
    /* 日付入力部品 */ }
    #main #MPT001 input:disabled, #main #MPT001 input[readonly],
    #main #MPT001 textarea:disabled,
    #main #MPT001 textarea[readonly] {
      background-color: #FFF;
      cursor: pointer; }
  #main #MDS001 {
    /* 日付入力部品 */ }
    #main #MDS001 input:disabled, #main #MDS001 input[readonly],
    #main #MDS001 textarea:disabled,
    #main #MDS001 textarea[readonly] {
      background-color: #FFF;
      cursor: pointer; }
  #main #MCR010 h5 {
    border: 1px solid #148B63;
    padding: 5px 5px 5px 10px;
    border-width: 1px 1px 1px 10px;
    font-size: 1.0em;
    margin: 35px 0px 30px 0px;
    background-color: #fff; }
  #main #MCR010 .explanation {
    margin: 10px 0px 25px 0px; }
  #main #MCR010 .primary {
    background-color: #e1faea; }
  #main #MCR010 i.support_icon {
    font-size: 2.0em;
    margin-right: .5em;
    vertical-align: middle; }
  #main #MCR010 i.support_space {
    font-size: 2.0em;
    vertical-align: middle; }
  #main #MCR010 i.support_space_s {
    font-size: 1.2em;
    vertical-align: middle; }
  #main #MCR010 .link_list {
    font-size: 1.0em;
    margin-bottom: 1.0em; }
  #main #MCR010 .link_list > a {
    font-weight: bold;
    text-decoration-line: underline; }
  #main #MCR010 .link_list > a:hover {
    color: #F500C0; }
  #main #MCR010 .link {
    font-size: 1.0em;
    margin-bottom: 1.0em; }
  #main #MCR010 .link > a {
    font-weight: bold;
    text-decoration-line: underline; }
  #main #MCR010 .link > a:hover {
    color: #F500C0; }
  #main #MCR010 .business_hours {
    border-radius: 10px 10px 10px 10px;
    background-color: #fff;
    margin-top: 30px;
    padding: 25px;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em; }
  #main #MCR010 img {
    margin: 20px 0px; }
  #main #MCR010 hr {
    width: 100%;
    margin: 35px auto;
    padding: 0px;
    max-width: 100em;
    border-color: #148B63; }

/******************************* フッター *******************************/
#main_footer {
  /* PCの場合のみ */ }
  @media screen and (min-width: 64em) {
    #main_footer {
      margin: 0 0 0 240px;
      _overflow: auto;
      padding: 0; } }
  #main_footer .callout {
    color: #AAA;
    text-align: center;
    font-size: smaller; }
  #main_footer a {
    text-decoration: underline; }

/******************************* 戻るボタン *******************************/
#fixedTop {
  right: -65px;
  bottom: 45px;
  border: solid 2px #FFF;
  width: 65px;
  height: 60px;
  background-color: #F500C0;
  color: #fff;
  padding: 16px 0;
  line-height: 14px;
  font-size: .75em;
  font-weight: bold;
  text-align: center;
  position: fixed;
  z-index: 9999;
  border-radius: 5px;
  -webkit-transform: translateZ(0); }

#fixedTop:hover {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0.8; }

/* 遅延画像読み込み */
.lazyload, .lazyloading {
  opacity: 0;
  filter: alpha(opacity=0);
  /* ie lt 8 */
  -ms-filter: "alpha(opacity=0)";
  /* ie 8 */ }

.lazyloaded {
  opacity: 1;
  filter: alpha(opacity=100);
  /* ie lt 8 */
  -ms-filter: "alpha(opacity=100)";
  /* ie 8 */
  transition: opacity 350ms; }

.cke_combo_text {
  width: 30px; }

/* ツールチップヘルプ */
/* 表示文字の装飾 */
div.tooltip1 {
  color: #555;
  display: inline-block;
  /* インライン要素化 */
  border-bottom: dashed 1px #555;
  /* 下線を引く */ }

/* ツールチップ部分を隠す */
div.tooltip1 span {
  display: none; }

/* マウスオーバー */
div.tooltip1:hover {
  position: relative;
  color: #333; }

/* マウスオーバー時にツールチップを表示 */
div.tooltip1:hover span {
  display: block;
  /* ボックス要素にする */
  position: absolute;
  /* relativeからの絶対位置 */
  top: 30px;
  right: -180px;
  font-size: 80%;
  background-color: #def0fc;
  width: 205px;
  padding: 5px;
  border-radius: 3px;
  z-index: 100; }

/* フキダシ部分を作成 */
div.tooltip1 span:before {
  content: '';
  display: block;
  position: absolute;
  /* relativeからの絶対位置 */
  height: 0;
  width: 0;
  top: -13px;
  right: 185px;
  border: 10px transparent solid;
  border-right-width: 0;
  border-left-color: #def0fc;
  transform: rotate(270deg);
  /* 傾きをつける */
  -webkit-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  z-index: 100; }

/*# sourceMappingURL=style.css.map */