@charset "UTF-8";
/* CSS Document */
/*-------------------------------*/
/*会社概要　販売店の皆様へ*/
/*個人情報保護など*/
/*-------------------------------*/
.profile {
  margin: 0 0 0.5em 0;
  padding: 25px;
  background: #FFF;
  border: 1px solid #DDD;
  position: relative; }

dl.company {
  margin: 5px 0 0 0; }
  dl.company dt {
    background: #EEE;
    padding: 0 5px;
    font-weight: normal; }
  dl.company dd {
    margin: 5px 1em 2em 1em; }

/*.Newsinner{profileと同じ　about-枠なし
}*/
/*-------------------------------*/
/*更新履歴*/
/*-------------------------------*/
/*年度ごとのリンク*/
.yearlink {
  text-align: center;
  margin: 0 0 5px 0;
  padding: 5px 0 0 0;
  font-size: 0.9rem;
  border-top: 1px solid #CCC; }
  .yearlink ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .yearlink ul li {
      display: inline-block;
      margin: 0;
      padding: 2px; }
      .yearlink ul li a {
        padding: 3px 0.8em;
        margin: 0;
        border-radius: 1em;
        background: #CCC;
        color: #666; }
      .yearlink ul li a:hover {
        background: #174E9D;
        color: #FFF; }

/*---------------------*/
/*更新履歴　article.profile内*/
ul.whatnew {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #CCC; }
  ul.whatnew h4, ul.whatnew h3, ul.whatnew p {
    margin: 0;
    padding: 0;
    font-size: 1rem;
    border: none; }
  ul.whatnew h4 {
    background-color: transparent;
    font-weight: normal;
    margin-bottom: 5px; }
  ul.whatnew li {
    display: grid;
    gap: 10px;
    grid-template-columns: 72px 1fr;
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #CCC; }
    ul.whatnew li div.iconimage span {
      display: block;
      font-size: .8rem;
      text-align: center;
      color: #FFF;
      margin-bottom: 3px;
      border-radius: 3px; }
    ul.whatnew li div.iconimage img {
      display: block;
      width: 100%;
      border: 1px solid #CCC; }
    ul.whatnew li div.iconimage img[src$=".svg"] {
      padding: 5px; }
    ul.whatnew li div.iconimage img[src$="cybergadget_logo_02.svg"] {
      padding: 15px 5px; }

/*更新履歴2009 01～2010 07 */
ul.whatnew + ul.noicon {
  border-top: none; }

ul.noicon li {
  display: block; }

/*過去の更新履歴old 2002~2008 日付とタイトルのみ article.profile内 */
ul.whatnew_o {
  margin: 0;
  padding: 10px 0 0 0;
  list-style: none;
  border-top: 1px solid #CCC; }
  ul.whatnew_o li {
    margin: 0 0 10px  0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #CCC; }
    ul.whatnew_o li span {
      font-size: .8rem;
      padding: 2px 10px;
      margin: 0;
      border: 1px solid #CCC;
      border-radius: 4px; }

/*--------------------------------------
pdf lists
----------------------------------------*/
ul.pdf_list {
  list-style: none;
  margin: 0 0 2em 0; }
  ul.pdf_list li {
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #CCC; }
    ul.pdf_list li p {
      margin: 0; }
    ul.pdf_list li div {
      background: url("/assets/images/icon/icon_pdf_b.svg");
      background-repeat: no-repeat;
      background-position: left top;
      background-size: 40px;
      padding-left: 40px;
      min-height: 40px; }

/*news Release ニュースリリースpdf ul.newsRelease.pdf_list */
ul.newsRelease {
  border-top: 1px solid #CCC; }
  ul.newsRelease li p:first-of-type {
    font-weight: bold; }
  ul.newsRelease li h4 {
    margin: 0;
    padding: 0;
    font-size: 100%;
    border: none;
    background-color: transparent;
    font-weight: normal; }

/*対応状況リストpdf ul.taiou.pdf_list*/
ul.taiou li p:first-child {
  margin-bottom: 5px; }

h3 + ul.taiou {
  margin-top: -.7em; }

/*アクロバット告知 div.get_reader*/
.get_reader {
  margin: 0 0 3em 0;
  padding: 10px;
  border: 1px solid #CCC;
  border-radius: 5px;
  font-size: .8rem;
  line-height: 1.1; }
  .get_reader a, .get_reader span {
    display: block;
    text-align: center; }
  .get_reader span:first-child {
    padding-bottom: 5px; }

@media screen and (min-width: 640px) {
  .get_reader {
    padding: 5px; }
    .get_reader a {
      display: table;
      margin: 0 auto; }
    .get_reader span {
      display: table-cell;
      vertical-align: middle;
      padding: 5px; } }
/*------------------------------------------
その他table
--------------------------------------------*/
table.about_table {
  border-color: #666;
  border-style: solid;
  border-width: 1px 0 0 1px;
  margin: 1em 0 2em 0; }
  table.about_table th, table.about_table td {
    border-color: #666;
    border-style: solid;
    border-width: 0 1px 1px 0;
    padding: 5px; }
  table.about_table th {
    background: #999;
    color: #FFF; }
  table.about_table col.col_aten {
    background: #FBD5D8; }

/*------------------------------------------
年末年始　夏休み　GW　休業のお知らせtable
--------------------------------------------*/
table.businessday {
  border-style: solid;
  border-color: #CCC;
  border-width: 1px 0 0 0;
  margin: 1em 0 2em 0; }
  table.businessday td, table.businessday th {
    border-color: #CCC;
    border-style: solid;
    border-width: 0 1px 1px 0;
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
    padding: 3px 8px; }
  table.businessday thead th {
    background: #EEE;
    color: #000; }
  table.businessday thead tr.head1 th {
    background: #999;
    color: #FFF; }
  table.businessday tbody tr th {
    background: #77A5D2;
    color: #FFF;
    border-left: 1px solid #CCC; }
  table.businessday tbody tr.off th {
    background: #0060A0;
    color: #FFF;
    border-left: 1px solid #CCC; }
  table.businessday tbody tr.off td {
    background: #EEF9FC; }
  table.businessday tbody th {
    padding: 5px; }
  table.businessday tfoot td {
    background: #FFF;
    text-align: left;
    padding: 5px 0;
    border-width: 0 0 0 0; }

/*その他ページのイベント告知*/
div.present01 {
  margin: 2em 0;
  padding: 2em;
  border-radius: 15px;
  border: 5px dotted #7197F4; }

/*ツイート表示最低の高さ確保*/
.t-space {
  min-height: 280px; }

/*フォローボタン*/
.present01 .tw_f {
  margin: 5px 0 1.5em 0;
  padding: 0; }

.present01 .tw_f a {
  display: block;
  width: 300px;
  padding: 15px;
  border-radius: 5px;
  background: #09F;
  color: #FFF;
  font-weight: bold;
  text-align: center; }

.present01 .tw_f a:hover {
  background: #00CCFF; }

/*イベントリストページ*/
.eventLists {
  list-style: none;
  margin: 0 0 2em 0;
  padding: 0; }
  .eventLists li {
    margin: 0;
    padding: 10px 0;
    border-bottom: 3px dotted #DDD; }
    .eventLists li img {
      width: 100%;
      padding: 0;
      margin: 0 10px 0 0; }
    .eventLists li p {
      margin-bottom: 0.5em; }
  .eventLists li:after {
    content: "";
    display: block;
    clear: both; }

h2 + .eventLists {
  margin-top: -1em; }

@media screen and (min-width: 860px) {
  .eventLists li img {
    float: left;
    width: 50%; } }
.film li img {
  float: none;
  width: 500px; }

.event {
  margin: 20px 80px; }

.eventLists + h4 {
  margin-top: 3em; }

/*----- キャンペーン終了告知 -----*/
.end_info {
  border: 1px solid #C00;
  color: #C00;
  margin: 0;
  padding: 3px;
  text-align: center;
  font-weight: bold;
  background: #EEE; }

/*---- greeting ----*/
.greetingimage {
  margin: 20px -10px;
  text-align: center; }
  .greetingimage img {
    display: block;
    margin: 10px auto;
    max-width: 100%;
    width: auto;
    height: auto; }

/*---- ジャンプくんギャラリー
Luminous #gallery ulリスト -------*/
.gallerylist ul {
  list-style: none;
  margin: 0 0 5px 0; }
  .gallerylist ul li {
    display: inline;
    margin: 0 4px 0 0;
    padding: 4px 0 0 0; }
    .gallerylist ul li a img {
      border: 2px solid #DDD; }
    .gallerylist ul li a:hover img {
      border: 2px solid #0066CC; }

.seasonJunp img {
  width: 198px; }

#lightbox-container-image-data-box {
  box-sizing: content-box; }

/*イベント販売などリンク*/
.eventlink {
  margin: 15px auto; }
  .eventlink a {
    display: block;
    padding: 15px 10px;
    text-decoration: none;
    border-radius: 15px;
    text-align: center;
    font-size: 1.2rem;
    font-weight: normal;
    color: #FFF;
    background: linear-gradient(to bottom, #9CF, #039);
    box-shadow: #666 0px 2px 3px; }
  .eventlink a:hover {
    background: linear-gradient(to bottom, #003, #9CF); }