@charset "UTF-8";
/*
# 命名ルール

各要素はハイフンで繋げる
Block-Element
例: header-nav (headerのnavの意)

名称が2単語以上の場合は、アンダーバーで繋げる
例: common-list_table
*/

/*
color定義
黒: #303030
白: #ffffff
灰色: #8e8e8e
青: #3098ff
赤: #f00000
*/

/*********************************
inner-box
*********************************/
.inner-box {
  margin-bottom: 10px;
  overflow: hidden;
}
.inner-box0 {
  margin-bottom: 5px;
  overflow: hidden;
}
.inner-box2 {
  margin-bottom: 40px;
  overflow: hidden;
}
.inner-box .indent {
  width:80%;
  float:right;
}

div.common-inner_box {
  padding: 20px;
  width: 100%;
  border: 1px dotted #303030;
  box-sizing: border-box;
}

/*********************************
common-box
*********************************/
.common-box {
  clear: both;
}

/*********************************
見出し title heading
*********************************/
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin-bottom: 0;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
  vertical-align: top;
}

/*----- font size -----*/
h1 {font-size: 2.0rem;}
h2 {font-size: 1.9rem;}
h3 {font-size: 1.8rem;}
h4 {font-size: 1.8rem;}
h5 {font-size: 1.6rem;}
h6 {font-size: 1.6rem;}

/*----- margin -----*/
h1.m-none {margin: 0px;}
h2.m-none {margin: 0px;}
h3.m-none {margin: 0px;}
h4.m-none {margin: 0px;}
h5.m-none {margin: 0px;}
h6.m-none {margin: 0px;}
h1.mb-none {margin-bottom: 0px;}
h2.mb-none {margin-bottom: 0px;}
h3.mb-none {margin-bottom: 0px;}
h4.mb-none {margin-bottom: 0px;}
h5.mb-none {margin-bottom: 0px;}
h6.mb-none {margin-bottom: 0px;}

/*----- design -----*/
.page-main-title {
  margin: 0.2em 0 15px;
  padding: 6px 13px 5px;
  color: #ffffff;
  background: #303030;
  border-radius: 3px;
}
.page-main-title.mb-none {
  margin-bottom: 0px;
}
.page-main-title a {
  color: #ffffff;
}
.page-main-title img {
  vertical-align: baseline;
  margin: 0 10px 0 5px;
}

.title {
  vertical-align: baseline;
}

.title-black {
/*  margin: 0 0 5px;*/
  padding: 10px 13px 9px;
  color: #ffffff;
  background: #303030;
  border-radius: 3px;
}
.title-black a {
  color: #ffffff;
}
.title-black.small1,
.title-gray.small1 {
  padding: 5px 6px 5px;
  font-size: 16px;
}

.title-gray {
/*  margin: 0 0 5px;*/
  padding: 10px 13px 9px;
  color: #ffffff;
  background: #8e8e8e;
  border-radius: 3px;
}

.title-border1 {
/*  margin: 0 0 5px;*/
  padding: 4px 13px 3px 8px;
  border-left: 8px solid #202829;
  border-bottom: 2px solid #202829;
}
.title-border1 img {
  vertical-align: middle;
}
header p.time {
  margin: 5px 0;
}

h1.title-border2 {
  margin-top: 0;
}
.title-border2 {
/*  margin: 0 0 7px;*/
  /* padding: 4px 13px 3px 8px;
  border-left: 8px solid #202829;
  border-bottom: 2px solid #202829;
  background: linear-gradient(90deg, #ffffff, #e0dfdf);
  box-sizing: border-box;
  letter-spacing: 1px; */
}

h3.title-border3 {
  font-size: 1.6rem;
}
.title-border3 {
/*  margin: 0 0 3px;*/
  /* margin-top: 0px;
  padding: 3px 13px 3px 8px;
  background: #505050;
  color: #ffffff;
  overflow: hidden; */
}
.title-border3.large {
  /* padding-bottom: 6px; */
  /* line-height: 22px; */
}

.title-border2 {
  padding: 3px 13px 3px 12px;
  border: 1px solid #202829;
  background: #303030;
  box-sizing: border-box;
  position: relative;
  letter-spacing: 1px;
  color: #ffffff;
}
h2.title-border2.title-top {
  margin-top: 0;
}

.title-border2:before {
  border-left: 5px solid #909291;
  content: "";
  top: 1px;
  left: 1px;
  height: calc(100% - 2px);
  position: absolute;
}

.title-border3 {
  padding: 3px 13px 3px 8px;
  margin-top: 0px;
  border: 1px solid #999999;
  background: linear-gradient(0deg, #ffffff, #cccccc);
  box-sizing: border-box;
  overflow: hidden;
  color: #000000;
}

.title-border3.bb-none {
  border-bottom: none;
}

.title-none3 {
  background: #505050;
  font-size: 1.6rem;
  margin-top: 0px;
  padding: 3px 13px 3px 8px;
  border: none;
}


/*db>stadium>information*/
.guid-title {
  padding: 2px 10px 0;
  font-weight: bold;
}

/*************************************
もっと見るリンク
*************************************/
header span.more {
  font-size: 1.4rem;
  float: right
}

/*************************************
セカンドナビ
*************************************/
/*----- 画像バージョン -----*/
.second-nav-img {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.second-nav-img li {
  float: left;
}
.second-nav-img a {
  position: relative;
  z-index: 0;
  display: inline-block;
  color: #303030;
  text-align: center;
  background: url(/img/pc/header/second_navgation_bg1.png) no-repeat;
  background-size: 100% 100%;
  border: 1px solid #a5a5a5;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px #ffffff;
  box-sizing: border-box;
}
.second-nav-img a:hover {
  background: url(/img/pc/header/second_navgation_bg2.png) no-repeat;
  background-size: 100% 100%;
}
.second-nav-img a.selected {
  color: #ffffff;
  background: url(/img/pc/header/second_navgation_bg3.png) no-repeat;
  background-size: 100% 100%;
  border: 1px solid #3098ff;
}
.second-nav-img a.selected::after {
  position: absolute;
  z-index: -1;
  content: "";
  display: inline-block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(farthest-side circle at center top, rgba(156, 247, 255, 0.3), rgba(0, 223, 255, 0));
}

header.page-main-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-main-title .second-nav-img a {
  margin-left: 3px;
  font-size: 1.4rem;
  width: 80px;
  line-height: 25px;
}

#header-nav_second .second-nav-img a {
  margin-right: 3px;
  font-size: 1.6rem;
  font-weight: bold;
  width: 134px;
  line-height: 42px;
}

/*************************************
UI:共通テーブル
*************************************/
table img {
  vertical-align: middle;
}

/*----- 共通デザイン -----*/
[class*="common-table"],
[class*="common-list_table"] {
  margin-bottom: 20px;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  letter-spacing:2px;
}
[class*="common-table"].mb-low,
[class*="common-list_table"].mb-low {
  margin-bottom: 2px;
}

[class*="common-table"] th,
[class*="common-list_table"] th {
  font-weight: normal;
  box-sizing: border-box;
}
[class*="common-table"] th {
  padding: 10px 12px;
}
[class*="common-list_table"] th {
  padding: 4px 12px;
}

[class*="common-table"] th a,
[class*="common-list_table"] th a {
  color: #ffffff;
}

[class*="common-table"] td,
[class*="common-list_table"] td {
  padding: 10px 12px;
  word-break: break-all;
  box-sizing: border-box;
}

/*** border none ***/
[class*="common-table"] th.bt-none,
[class*="common-table"] td.bt-none,
[class*="common-list_table"] th.bt-none,
[class*="common-list_table"] td.bt-none {
  border-top: none;
}
[class*="common-table"] th.bb-none,
[class*="common-table"] td.bb-none,
[class*="common-list_table"] th.bb-none,
[class*="common-list_table"] td.bb-none {
  border-bottom: none;
}
[class*="common-table"] th.bl-none,
[class*="common-table"] td.bl-none,
[class*="common-list_table"] th.bl-none,
[class*="common-list_table"] td.bl-none {
  border-left: none;
}
[class*="common-table"] th.br-none,
[class*="common-table"] td.br-none,
[class*="common-list_table"] th.br-none,
[class*="common-list_table"] td.br-none {
  border-right: none;
}
/*** border solid ***/
[class*="common-table"] th.bt-solid,
[class*="common-table"] td.bt-solid,
[class*="common-list_table"] th.bt-solid,
[class*="common-list_table"] td.bt-solid {
  border-top: 1px solid #303030;
}
[class*="common-table"] th.bb-solid,
[class*="common-table"] td.bb-solid,
[class*="common-list_table"] th.bb-solid,
[class*="common-list_table"] td.bb-solid {
  border-bottom: 1px solid #303030;
}
[class*="common-table"] th.bl-solid,
[class*="common-table"] td.bl-solid,
[class*="common-list_table"] th.bl-solid,
[class*="common-list_table"] td.bl-solid {
  border-left: 1px solid #303030;
}
[class*="common-table"] th.br-solid,
[class*="common-table"] td.br-solid,
[class*="common-list_table"] th.br-solid,
[class*="common-list_table"] td.br-solid {
  border-right: 1px solid #303030;
}
/*** border dotted ***/
[class*="common-table"] th.bt-dot,
[class*="common-table"] td.bt-dot,
[class*="common-list_table"] th.bt-dot,
[class*="common-list_table"] td.bt-dot {
  border-top: 1px dotted #303030;
}
[class*="common-table"] th.bb-dot,
[class*="common-table"] td.bb-dot,
[class*="common-list_table"] th.bb-dot,
[class*="common-list_table"] td.bb-dot {
  border-bottom: 1px dotted #303030;
}
[class*="common-table"] th.bl-dot,
[class*="common-table"] td.bl-dot,
[class*="common-list_table"] th.bl-dot,
[class*="common-list_table"] td.bl-dot {
  border-left: 1px dotted #303030;
}
[class*="common-table"] th.br-dot,
[class*="common-table"] td.br-dot,
[class*="common-list_table"] th.br-dot,
[class*="common-list_table"] td.br-dot {
  border-right: 1px dotted #303030;
}
/*** border dash ***/
[class*="common-table"] th.bt-dash,
[class*="common-table"] td.bt-dash,
[class*="common-list_table"] th.bt-dash,
[class*="common-list_table"] td.bt-dash {
  border-top: 1px dashed #303030;
}
[class*="common-table"] th.bb-dash,
[class*="common-table"] td.bb-dash,
[class*="common-list_table"] th.bb-dash,
[class*="common-list_table"] td.bb-dash {
  border-bottom: 1px dashed #303030;
}
[class*="common-table"] th.bl-dash,
[class*="common-table"] td.bl-dash,
[class*="common-list_table"] th.bl-dash,
[class*="common-list_table"] td.bl-dash {
  border-left: 1px dashed #303030;
}
[class*="common-table"] th.br-dash,
[class*="common-table"] td.br-dash,
[class*="common-list_table"] th.br-dash,
[class*="common-list_table"] td.br-dash {
  border-right: 1px dashed #303030;
}
/*** padding none ***/
[class*="common-table"] th.pt-none,
[class*="common-table"] td.pt-none,
[class*="common-list_table"] th.pt-none,
[class*="common-list_table"] td.pt-none {
  padding-top: 0;
}
[class*="common-table"] th.pb-none,
[class*="common-table"] td.pb-none,
[class*="common-list_table"] th.pb-none,
[class*="common-list_table"] td.pb-none {
  padding-bottom: 0;
}
[class*="common-table"] th.pl-none,
[class*="common-table"] td.pl-none,
[class*="common-list_table"] th.pl-none,
[class*="common-list_table"] td.pl-none {
  padding-left: 0;
}
[class*="common-table"] th.pr-none,
[class*="common-table"] td.pr-none,
[class*="common-list_table"] th.pr-none,
[class*="common-list_table"] td.pr-none {
  padding-right: 0;
}
/*** padding high ***/
[class*="common-table"] th.pt-high,
[class*="common-table"] td.pt-high,
[class*="common-list_table"] th.pt-high,
[class*="common-list_table"] td.pt-high {
  padding-top: 10px;
}
[class*="common-table"] th.pb-high,
[class*="common-table"] td.pb-high,
[class*="common-list_table"] th.pb-high,
[class*="common-list_table"] td.pb-high {
  padding-bottom: 10px;
}
[class*="common-table"] th.pl-high,
[class*="common-table"] td.pl-high,
[class*="common-list_table"] th.pl-high,
[class*="common-list_table"] td.pl-high {
  padding-left: 10px;
}
[class*="common-table"] th.pr-high,
[class*="common-table"] td.pr-high,
[class*="common-list_table"] th.pr-high,
[class*="common-list_table"] td.pr-high {
  padding-right: 10px;
}
/*** padding low ***/
[class*="common-table"] th.pt-low,
[class*="common-table"] td.pt-low,
[class*="common-list_table"] th.pt-low,
[class*="common-list_table"] td.pt-low {
  padding-top: 2px;
}
[class*="common-table"] th.pb-low,
[class*="common-table"] td.pb-low,
[class*="common-list_table"] th.pb-low,
[class*="common-list_table"] td.pb-low {
  padding-bottom: 2px;
}
[class*="common-table"] th.pl-low,
[class*="common-table"] td.pl-low,
[class*="common-list_table"] th.pl-low,
[class*="common-list_table"] td.pl-low {
  padding-left: 2px;
}
[class*="common-table"] th.pr-low,
[class*="common-table"] td.pr-low,
[class*="common-list_table"] th.pr-low,
[class*="common-list_table"] td.pr-low {
  padding-right: 2px;
}

/*----- cell style -----*/
[class*="common-table"] td.disabled,
[class*="common-list_table"] td.disabled {
  background: #e8e8e8;
  color: #efeeee;
}

/*********** table black ***********/
.common-table,
.common-list_table {
  border: 1px solid #303030;
  border-top: none;
}

.common-table th,
.common-list_table th {
  background: #303030;
  color: #ffffff;
  border-top: 1px solid #ffffff;
}
.common-table th.bg-gray,
.common-list_table th.bg-gray {
  background-color: #ebebeb;
  border-top: 1px solid #000000 !important;
  border-right: 1px dotted #000000 !important;
  border-bottom: 1px solid #000000 !important;
  border-left: 1px solid #000000 !important;
}
.common-table th.bg-gray a,
.common-list_table th.bg-gray a {
  color: #000000;
}

.common-table th.light-bg,
.common-list_table th.light-bg {
  background: #6d6d6d;
}

.common-table td,
.common-list_table td {
  background: #ffffff;
  border-top: 1px solid #303030;
  border-right: 1px dashed #8e8e8e;
  border-bottom: 1px solid #303030;
}
.common-table.border-solid td,
.common-list_table.border-solid td {
  border-right: 1px solid #8e8e8e;
}
.common-table.border-dot td,
.common-list_table.border-dot td {
  border-right: 1px dotted #8e8e8e;
}
.common-table.ls2 td,
.common-list_table.ls2 td {
  letter-spacing: 2px;
  padding-left: 2px;
  padding-right: 0;
}

/*----- テーブル幅固定用 -----*/
table.layoutfix {
  table-layout: fixed;
}

/*----- th border -----*/
.common-table tr:not(:first-child) th {
  padding: 10px 12px;
  border-top: 1px solid #ffffff;
}
.common-table tr:first-child th {
  border-top: none;
}

.common-list_table th:not(:last-child) {
  border-right: 1px solid #ffffff;
}
.common-list_table tr:first-child th {
  border-top: none;
}

/*********** border-separate ***********/
[class*="common-table"].border-separate,
[class*="common-list_table"].border-separate {
  border-collapse: separate;
}
[class*="common-table"].border-separate td,
[class*="common-list_table"].border-separate td {
  border-bottom: none;
}

/*********** table gray ***********/
.common-table-gray,
.common-list_table-gray {
  border: 1px solid #8e8e8e;
  border-top: none;
}

.common-table-gray th,
.common-list_table-gray th {
  background: #8e8e8e;
  color: #ffffff;
  border-top: 1px solid #cecece;
}

.common-table-gray td,
.common-list_table-gray td {
  background: #ffffff;
  border-top: 1px solid #8e8e8e;
  border-right: 1px dashed #cecece;
}
.common-table-gray.border-dot td,
.common-list_table-gray.border-dot td {
  border-right: 1px dotted #cecece;
}
.common-table-gray.border-solid td,
.common-list_table-gray.border-solid td {
  border-right: 1px solid #cecece;
}
.common-table-gray.ls2 td,
.common-list_table-gray.ls2 td {
  letter-spacing: 2px;
  padding-left: 2px;
  padding-right: 0;
}
.common-table-gray td.br-none,
.common-list_table-gray td.br-none {
  border-right: none;
}

/*----- th border -----*/
.common-table-gray tr:not(:first-child) th {
  padding: 10px 12px;
  border-top: 1px solid #cecece;
}
.common-table-gray tr:first-child th {
  border-top: none;
}

.common-list_table-gray th:not(:last-child) {
  border-right: 1px solid #cecece;
}
.common-list_table-gray tr:first-child th {
  border-top: none;
}

/*********** 奇数行の背景色を変更 ***********/
table.striped tr:nth-child(odd) td {
  background: #eff4f5;
}

/*********** マウスオーバーで背景色 ***********/
table.clickable tbody tr:hover td {
  background: #c6e2ff;
}

/*********** size ***********/
/* large */
table.large1 td,
table.large1 tbody td {
  padding: 18px 12px;
  font-size: 1.6rem;
}

/* small */
table.small0 td,
table.small0 tbody th {
  padding: 6px 4px;
  font-size: 1.4rem;
}
table.small1 td,
table.small1 tbody th {
  padding: 6px 12px;
  font-size: 1.4rem;
}
table.small2 td,
table.small2 tbody th {
  padding: 6px 4px 4px;
  font-size: 1.4rem;
}
table.small3 td,
table.small3 tbody th {
  padding: 2px 6px;
  height: 26px;
  line-height: 14px;
  font-size: 12px;

  border-color: #6c6c6c;
}
table.small4 td,
table.small4 tbody th {
  padding: 2px 6px 0px;
  height: 26px;
  line-height: 14px;
  font-size: 1.4rem;

  border-color: #6c6c6c;
}

/* xsmall */
table.xsmall1 th {
  padding: 4px 4px;
}
table.xsmall1 td {
  padding: 8px 6px;
}

/*********** td color ***********/
table td.bg-lpink1 {
  background: #ffcef0;
}
table td.bg-lpink2 {
  background: #ffe2f5;
}
table td.bg-lpink3 {
  background: #fff2fa;
}
table td.bg-lpink4 {
  background: #ffe3f6;
}
table td.bg-lpink5 {
  background: #fff3fb;
}

table td.bg-lgreen1 {
  background: #b8f4b9;
}
table td.bg-lgreen2 {
  background: #d4fed5;
}
table td.bg-lgreen3 {
  background: #e9ffea;
}
table td.bg-lgreen4 {
  background: #d5ffd5;
}
table td.bg-lgreen5 {
  background: #eaffea;
}

table td.bg-lred1 {
  background: #ffe7e8;
}
table td.bg-lred2 {
  background: #ffd5dd;
}
table td.bg-lred3 {
  background: #ffebef;
}

/*********** td cell-click ***********/
td.cell-click a {
  display: block;
  height: 40px;
  line-height: 24px;
  padding-top: 8px;
  padding-bottom: 8px;
  box-sizing: border-box;
}
table.exsmall1 td.cell-click a {
  display: block;
  height: 25px;
  padding-top: 2px;
  padding-bottom: 2px;
  box-sizing: border-box;
}


/*********************************

テーブル

*********************************/
/*********** base border style ***********/
.t-head {
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
}

.t-cell {
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
}

.t-foot {
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
}

.head {
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
}
.cell {
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
}
.c-cell {
  border-bottom: 1px solid transparent;
  border-right: 0;
}

.foot {
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
}

.b-head {
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
}

.b-cell {
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
}

.b-foot {
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
}

.r-cell {
  border-right: 1px solid transparent;

  border-bottom-style: dotted;
  border-bottom-width: 1px;
}

/*********** border style ***********/
/*
table.border-xxx
right style change
*/
.border-dot td.t-head,
.border-dot td.t-cell,
.border-dot td.head,
.border-dot td.cell,
.border-dot td.b-head,
.border-dot td.b-cell {
  border-right-style: dotted;
}

.border-dash td.t-head,
.border-dash td.t-cell,
.border-dash td.head,
.border-dash td.cell,
.border-dash td.b-head,
.border-dash td.b-cell {
  border-right-style: dashed;
}

table.border-all {
  border-collapse: collapse;
}
table.border-all th,
table.border-all td {
  border: 1px solid #999999;
}

table td.empty-cell {
  border-right: none;
  border-left: none;
  border-bottom: none;
}

/*----- one side (一辺) -----*/
/*
bt = border top
br = border right
bb = border bottom
bl = border left
*/
/*style*/
.br-solid {border-right-style: solid;}

.bb-dash {border-bottom-style: dashed;}

.br-dot {border-right-style: dotted;}
.bb-dot {border-bottom-style: dotted;}

/*width*/
.bb-width2 {border-bottom-width: 2px !important;}

/*********** border color ***********/
/*
black1 = #303030 (black)
*/
table.black1 {
  border-top: 1px solid #303030;
  border-left: 1px solid #303030;
}

table.black1 td.t-head,
table.black1 td.t-cell,
table.black1 td.t-foot,
table.black1 td.head,
table.black1 td.cell,
table.black1 td.foot,
table.black1 td.b-head,
table.black1 td.b-cell,
table.black1 td.b-foot {
  border-bottom-color: #303030;
  border-right-color: #999999;
}
table.black1 td.t-foot,
table.black1 td.foot,
table.black1 td.b-foot {
  border-right-color: #303030;
}

/*********** background option ***********/
/*top -> bottom*/
.bg-grad1 {
  background: linear-gradient(180deg, #ffffff, #e0dfdf);
  color: #303030;
}
.bg-grad1 a {
  color: #303030;
}

/*left -> right*/
.bg-grad2 {
  background: linear-gradient(90deg, #ffffff, #e0dfdf);
  color: #303030;
}
.bg-grad2 a {
  color: #303030;
}

/*left -> right*/
.bg-grad3 {
  background: linear-gradient(90deg, #ffffff, #c1c1c1);
  color: #303030;
}
.bg-grad3 a {
  color: #303030;
}

/*top -> bottom*/
.bg-grad4 {
  background: linear-gradient(180deg, #ffffff, #c1c1c1);
  color: #303030;
}
.bg-grad4 a {
  color: #303030;
}

/*top -> bottom*/
.race-table1 th.bg-grad5 {
  padding: 0;
}
.bg-grad5 {
  background: linear-gradient(180deg, #8e8e8e 30%, #000000);
  color: #ffffff;
}
.bg-grad5 a {
  color: #ffffff;
  padding: 2px 0;
  cursor: pointer;
}
.bg-grad5.selected {
  background: linear-gradient(180deg, #c0c0c0, #ffffff);
  color: #303030;
}
.bg-grad5.selected a {
  color: #303030;
  font-weight: bold;
  cursor: default;
}

/*left -> right*/
.bg-grad6 {
  background: linear-gradient(90deg, #8e8e8e 30%, #000000);
  color: #ffffff;
}
.bg-grad6 a {
  color: #ffffff;
}


/*top -> bottom*/
.bg-grad7 {
  background: linear-gradient(180deg, #8e8e8e 5%, #000000);
  color: #ffffff;
}
.bg-grad7 a {
  color: #ffffff;
}

.bg-grad8 {
  background: linear-gradient(0deg, #cbcbcb, #4c4c4c);
  color: #ffffff;
}

.bg-grad8 a {
  color #ffffff;
}

/*********** strong option ***********/
table.strong1 {
  border-top-width: 2px;
  border-left-width: 2px;
  border-color: #ff0000;
}
table.strong1 th,
table.strong1 td {
  border-bottom-width: 2px;
  border-color: #ff0000;
  background: #ffefef;
  font-size: 1.6rem;
}
table.strong1 th[class*="foot"],
table.strong1 td[class*="foot"] {
  border-right-width: 2px;
}


/*********************************
common-table1
*********************************/
.common-table1 {
  margin: 0;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 12px;
  line-height: 14px;
  color: #333333;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
}

.common-table1 th {
  padding: 2px 12px;
  font-weight: normal;
  vertical-align: middle;
  box-sizing: content-box;
}

.common-table1 td {
  padding: 2px 6px;
  height: 21px;
  word-break: break-all;
  border-right-color: #999999;
  border-bottom-color: #999999;
  box-sizing: content-box;
}

.common-table1 th.t-head,
.common-table1 th.t-cell,
.common-table1 th.t-foot {
  background: #3c3c3c;
  color: #ffffff;
  border-right-color: #999999;
  border-bottom-color: #999999;
}

.common-table1 .cell-click a {
  display: block;
  height: 25px;
  padding-top: 2px;
  padding-bottom: 2px;
  box-sizing: border-box;
}

/*********************************
単体ボタンの設定
*********************************/
[class*="common-btn"] {
  display: block;
  font-size: 2.0rem;
  color: #ffffff;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  border: none;
  box-sizing: border-box;
  padding: 0 10px;
  height: 38px;
  line-height: 38px;
  user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
[class*="equally"] [class*="common-btn"] {
  padding: 0;
}

/*********************************
横並びボタンの設定
*********************************/
.common-list_btn {
  margin: 0;
  padding: 0 0 10px;
  list-style: none;
  overflow: hidden;
}

.common-list_btn li {
  float: left;
  text-align: center;
}
.common-list_btn li:not(:last-child) {
  margin-right: 12px;
}

/* ボタン非表示 */
.common-list_btn li a.hide {
  display: none;
}

.common-list_btn.w_84 li a {
  width: 84px;
}
.common-list_btn.w_105 li a {
  width: 105px;
}

/* 複数並びボタンの設定-end */
/*********************************
均等横幅
*********************************/

/* 2個 */
[class*="common-list_btn"].equally2 li:nth-child(2n) {
  margin-right: 0;
}

[class*="common-list_btn"].equally2 li {
  width: calc((100% - 12px*1 ) / 2);
}

/* 3個 */
[class*="common-list_btn"].equally3 li:nth-child(3n) {
  margin-right: 0;
}

[class*="common-list_btn"].equally3 li {
  width: calc((100% - 12px*2 ) / 3);
}

/* 4個 */
[class*="common-list_btn"].equally4 li:nth-child(4n) {
  margin-right: 0;
}

[class*="common-list_btn"].equally4 li {
  width: calc((100% - 12px*3 ) / 4);
}

/* 5個 */
[class*="common-list_btn"].equally5 li:nth-child(5n) {
  margin-right: 0;
}

[class*="common-list_btn"].equally5 li {
  width: calc((100% - 12px*4 ) / 5);
}

/* 6個 */
[class*="common-list_btn"].equally6 li:nth-child(6n) {
  margin-right: 0;
}

[class*="common-list_btn"].equally6 li {
  width: calc((100% - 12px*5 ) / 6);
}

/* 7個 */
[class*="common-list_btn"].equally7 li:nth-child(7n) {
  margin-right: 0;
}

[class*="common-list_btn"].equally7 li {
  width: calc((100% - 12px*6 ) / 7);
}

/* 8個 */
[class*="common-list_btn"].equally8 li:nth-child(8n) {
  margin-right: 0;
}

[class*="common-list_btn"].equally8 li {
  width: calc((100% - 12px*7 ) / 8);
}

/* 9個 */
[class*="common-list_btn"].equally9 li:nth-child(9n) {
  margin-right: 0;
}

[class*="common-list_btn"].equally9 li {
  width: calc((100% - 12px*8 ) / 9);
}

/* 10個 */
[class*="common-list_btn"].equally10 li:nth-child(10n) {
  margin-right: 0;
}

[class*="common-list_btn"].equally10 li {
  width: calc((100% - 12px*9 ) / 10);
}

/* 11個 */
[class*="common-list_btn"].equally11 li:nth-child(11n) {
  margin-right: 0;
}

[class*="common-list_btn"].equally11 li {
  width: calc((100% - 12px*10 ) / 11);
}

/* 12個 */
[class*="common-list_btn"].equally12 li:nth-child(12n) {
  margin-right: 0;
}

[class*="common-list_btn"].equally12 li {
  width: calc((100% - 12px*11 ) / 12);
}

/* 13個 */
[class*="common-list_btn"].equally13 li:nth-child(13n) {
  margin-right: 0;
}

[class*="common-list_btn"].equally13 li {
  width: calc((100% - 12px*12 ) / 13);
}

/*********************************
ボタンの色 : デフォルト青
*********************************/
/*********** common ***********/
.common-btn {
  background: linear-gradient(180deg, #42a7fe 0%, #1772d0 100%);
  box-shadow:
    inset 1px 0 0 #328dff,
    inset 0 1px 0 #66bfff,
    inset -1px 0 0 #3196ff,
    inset 0 -2px 0 #0d4598;
  cursor: pointer;
}
.common-btn:hover {
  background: linear-gradient(180deg, #94ceff 0%, #5593d2 100%);
  box-shadow:
    inset 1px 0 0 #328dff,
    inset 0 1px 0 #66bfff,
    inset -1px 0 0 #3196ff,
    inset 0 -2px 0 #526d96;
}
.common-btn.selected,
.common-btn:hover.selected {
  background: #e1e7ff;
  border: 1px solid #8a8a8a;
  box-shadow: none;
  color: #1772d0;
  font-weight: bold;
  cursor: auto;
}

/*********** red ***********/
.common-btn-red {
  background: linear-gradient(180deg, #fe0004 0%, #b40002 100%);
  box-shadow:
    inset 1px 0 0 #ffc14b,
    inset 0 1px 0 #ffb366,
    inset -1px 0 0 #ff9d31,
    inset 0 -2px 0 #98450d;
}
.common-btn-red:hover {
  background: linear-gradient(180deg, #ff7173 0%, #b13c3d 100%);
  box-shadow:
    inset 1px 0 0 #ffc14b,
    inset 0 1px 0 #ffb366,
    inset -1px 0 0 #ff9d31,
    inset 0 -2px 0 #98450d;
}
.common-btn-red.selected,
.common-btn-red:hover.selected {
  background: #ff7e7e;
  box-shadow: none;
  border: 1px solid #575757;
}

/*********** orange ***********/
.common-btn-orange {
  background: linear-gradient(180deg, #fe9042 0%, #d06417 100%);
  box-shadow:
    inset 1px 0 0 #ff9632,
    inset 0 1px 0 #ffb366,
    inset -1px 0 0 #ff9d31,
    inset 0 -2px 0 #98450d;
}
.common-btn-orange:hover {
  background: linear-gradient(180deg, #fdd447 0%, #ff8400 100%);
  text-shadow: 0 0 6px #ff8400;
}
.common-btn-orange.selected,
.common-btn-orange:hover.selected {
  background: #ffcd96;
  color: #9b5320;
  border: 1px solid #838383;
  box-shadow: none;
}

/*********** disabled ***********/
[class*="common-btn"].disabled,
[class*="common-btn"].disabled:hover {
  color: #808080;
  background: linear-gradient(180deg, #d8d7d7 0%, #b4b4b4 100%);
  box-shadow:
    inset 1px 0 0 #7a7a7a,
    inset 0 1px 0 #a7a7a7,
    inset -1px 0 0 #606060,
    inset 0 -2px 0 #898989;
  text-shadow: none;
}

/*********************************
ボタンのサイズ
*********************************/
[class*="common-btn"].large1 {
  font-size: 2.4rem;
  height: 50px;
  line-height: 50px;
}

[class*="common-btn"].small1,
.common-list_btn.small1 li,
.common-list_btn.small1 li a {
  font-size: 1.8rem;
  line-height: 40px;
  height: 40px;
}

[class*="common-btn"].small2,
.common-list_btn.small2 li,
.common-list_btn.small2 li a {
  font-size: 1.4rem;
  line-height: 28px;
  height: 28px;
}

[class*="common-btn"].small3,
.common-list_btn.small3 li,
.common-list_btn.small3 li a {
  font-size: 1.4rem;
  line-height: 25px;
  height: 25px;
}

/*********************************
フォーム関連
*********************************/
.form-select {
  padding: 4px 4px 0;
  font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-size: 1.4rem;
  border: 1px solid #8e8e8e;
  border-radius: 3px;
  box-sizing: border-box;
}

[class*="form-input"] {
  padding: 7px 4px;
  font-family: Arial,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-size: 1.4rem;
  border: 1px solid #8e8e8e;
  border-radius: 3px;
  cursor: text;
  box-sizing: border-box;
}
.form-input {
  width: 100%;
}
.form-input.w_10 {
  width: 10%;
}
.form-input.w_20 {
  width: 20%;
}
.form-input.w_30 {
  width: 30%;
}
.form-input.w_40 {
  width: 40%;
}
.form-input.w_60 {
  width: 60%;
}
.form-input.w_80 {
  width: 80%;
}
.form-input.h_120 {
  height: 120px;
}
.form-input.t_file,
.form-input.t_button {
  cursor: pointer;
}

.form-input-inline {
  width: auto;
}

/* テーブルの下にある1個だけのボタン */
.form-btn {
  display: block;
  margin: 0 auto 20px;
  width: 50%;
  font-size: 1.8rem;
  font-weight: bold;
}

/* 複数並びのボタン */
.form-list_btn {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
}
.form-list_btn li {
  width: 230px;
}
.form-list_btn li:not(:last-child) {
  margin-right: 20px;
}
.form-list_btn .form-btn {
  width: 100%;
}

/*********************************
ページャー pager
*********************************/
.common-pager {
  margin: 0;
  overflow: hidden;
}
.page-index {
  margin: 0 0 5px;
  padding: 0;
  font-size: 1.3rem;
  text-align: right;
}

[class*="page-controller"] {
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
}

[class*="page-controller"] ul {
  margin: 0 0 5px;
  padding: 0;
  list-style: none;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
[class*="page-controller"] li
[class*="page-controller"] li.selected {
  line-height: 26px;
  text-align: center;
}

[class*="page-controller"] li a,
[class*="page-controller"] li a:visited {
  display: block;
  color: #ffffff;
  text-align: center;
}

/** 幅 **/
.page-index_box {
  padding-left: 5px;
  width: calc(100% - (157px*2) - (5px*2));
  display: table-cell;
  box-sizing: border-box;
}
.page-index_box li {
  margin-right: 5px;
  width: calc((100% - 5px*11)/10);
}
.page-prev_box,
.page-next_box {
  width: 157px;
  display: table-cell;
}
.page-prev_box li,
.page-next_box li {
  text-align: center;
  width: calc((100% - 5px*2)/2);
}
.page-prev_box li:first-child {
  margin-left: 0;
  margin-right: 5px;
}
.page-prev_box li:last-child {
  margin-right: 5px;
}
.page-next_box li:first-child {
  margin-left: 5px;
}
.page-next_box li:last-child {
  margin-right: 0;
  margin-left: 5px;
}

/** custom pager用 **/
.page-controller_custom .page-index_box li {
  width: calc((100% - 5px*10)/10);
  padding: 0;
  text-align: center;
}
.page-controller_custom .page-prev_box,
.page-controller_custom .page-next_box {
  width: 85px;
}
.page-controller_custom .page-prev_box li,
.page-controller_custom .page-next_box li {
  width: 100%;
}


/*********************************
グラフ定義(横棒グラフ)
*********************************/
.common-graph_rate {
  width: 100%;
  height: 80px;
  font-size: 1.3rem;
  border-collapse: collapse;
}
.common-graph_rate td {
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #303030;
}
.common-graph_rate .item-title {
  font-size: 2.4rem;
}
.common-graph_rate .item-rate {
  color: #606060;
  font-size: 1.4rem;
}
.common-graph_rate td.bgcolor1 {
  background: #cf66f6;
}
.common-graph_rate td.bgcolor2 {
  background: #f6f466;
}
.common-graph_rate td.bgcolor3 {
  background: #aaf666;
}
.common-graph_rate td.bgcolor4 {
  background: #f6b766;
}

/*********************************
確認ダイアログ
*********************************/
div.layer {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
}
div.dialog {
  position: relative;
  width: 360px;
  height: 165px;
  top: 30%;
  left: 0;
  margin: 0 auto;
  z-index: 100;
  box-sizing: border-box;
  border: 2px solid #303030;
  background-color: #ffffff;
  border-radius: 3px;
}
div.dialog .header {
  width: 100%;
  height: 32px;
  box-sizing: border-box;
  border-bottom: 2px solid #303030;
  background-color: #303030;
}
div.dialog .header .title {
  width: auto;
  height: 32px;
  box-sizing: border-box;
  line-height: 32px;
  padding-left: 5px;
  float: left;
  color: #ffffff;
}
div.dialog .header .close {
  width: 32px;
  height: 32px;
  border-left: 2px solid #303030;
  line-height: 32px;
  box-sizing: border-box;
  float: right;
  background-image: url(/img/pc/button/btn_del.png);
  background-repeat: no-repeat;
  background-position-x: 3px;
  background-position-y: 3px;
  font-size: 0px;
}
div.dialog .header .close a {
  display: block;
}
div.dialog .body {
  width: 100%;
  height: 77px;
  line-height: 77px;
  text-align: center;
  box-sizing: border-box;
  font-size: 1.7rem;
}
div.dialog .footer {
  width: 100%;
  height: 52px;
  box-sizing: border-box;
}
div.dialog a {
  cursor: pointer;
}
div.dialog .footer .dialog-list_btn {
  height: 50px;
  padding: 3px 40px;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: space-around;
  box-sizing: border-box;
}
div.dialog .footer .dialog-list_btn li:first-child {
  margin-right: 20px;
}
div.dialog .footer .dialog-list_btn li {
  font-size: 2.0rem;
  line-height: 45px;
  width: calc((100% - 20px) / 2);
  text-align: center;
}
div.dialog .footer .dialog-list_btn li a {
  display: block;
}

/*********************************
エラーコンテナ
*********************************/
.common-message_container div.title {
  background-color: #303030;
  color: #ffffff;
}
[class*="common-list_message"] {
  width: 100%;
  margin: 10px 0 10px;
  padding: 0;
  list-style: none;
  overflow: hidden;
  font-size: 2.0rem;
  line-height: 45px;
  text-align: center;
  background: #ffffff;
  box-sizing: border-box;
}
[class*="common-list_message"] li {
  padding-left: 10px;
  text-align: left;
}

.common-list_message {
  border: 1px dotted #3098ff;
  color: #3098ff;
}
/*********** black ***********/
.common-list_message-black {
  border: 1px dotted #303030;
  color: #303030;
}
/*********** red ***********/
.common-list_message-red {
  border: 1px dotted #f00000;
  color: #f00000;
}
/*********** orange ***********/
.common-list_message-orange {
  border: 1px dotted #f88600;
  color: #f88600;
}
/*********** 文字サイズ ***********/
[class*="common-list_message"].small1 {
  font-size: 1.6rem;
  line-height: 40px;
}
[class*="common-list_message"].small2 {
  font-size: 1.4rem;
  line-height: 30px;
}

/*********************************
スクロールボックス
*********************************/
.common-scroll_box {
  width: 100%;
  padding: 0px;
  background: #efefef;
}
.common-scroll_box .common-scroll {
  border: 1px solid #303030;
  overflow-y: auto;
  width: 100%;
  height: 240px;
  padding: 0px;
  margin: 0px;
  background: #ffffff;
}

/*********************************
サムネイルボックス
*********************************/
.common-thumbnail {
  width: 230px;
  height: 240px;
  box-sizing: border-box;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}
.common-thumbnail img {
  height: 170px;
  box-sizing: border-box;
}

/*********************************
グラフボックス
*********************************/
.common-graph_box {
  width: 90%;
  margin: 0 auto 5px;
  padding-top: 10px;
  clear: both;
}

.common-graph_box .indent {
  padding-left: 340px;
  box-sizing: border-box;
}

/*********************************
インデント付きテキストボックス
*********************************/
.common-indent_text {
  width: 100%;
  height: 25px;
  padding-left: 5px;
  box-sizing: border-box;
}
.common-indent_text span {
  display: inline-block;
  float: left;
  text-align: center;
}
.common-indent_text .t-right {
  text-align: right;
}
.common-indent_text .t-left {
  text-align: left;
}
.common-indent_text .w_11 {
  width: 11%;
}
.common-indent_text .pl_10 {
  padding-left: 10px;
}
/*********************************
インデント付きテーブルボックス
*********************************/
.common-indent_table {
  padding-left: 120px;
  box-sizing: border-box;
}
.common-indent_box {
  padding-left: 120px;
  box-sizing: border-box;
}
.common-indent_box.pl_20 {
  padding-left: 20px;
}
.common-indent_box.pl_60 {
  padding-left: 60px;
}
.common-indent_box.pr_60 {
  padding-right: 60px;
}
.common-indent_box.pr_120 {
  padding-right: 120px;
}

/*********************************
字間
*********************************/
.letter1 {
  letter-spacing: 1px;
}
.letter2 {
  letter-spacing: 2px;
}
.letter3 {
  letter-spacing: 3px;
}

/*******************************
汎用ボーダー
*******************************/
div.common-line {
  border-top: 1px solid #dddddd;
}

/*******************************
ドロップシャドウ
*******************************/
.bb-drop {
  box-shadow: 0px 2px 2px #bcbcbc;
  margin-bottom: 0px;
  padding-bottom: 10px;
}

/*******************************
背景色
*******************************/
/*iconの色
bg-gp #bc9200 bg-g1 #ff6787 bg-g2 #df2500 bg-g3 #7281b1 bg-f1 #ff8a00 bg-f2 #3662c9
*/

.bg-gp {background: #fffbef !important;}
.bg-g1 {background: #ffe6ec !important;}
.bg-g2 {background: #fffaf8 !important;}
.bg-g3 {background: #f5f6fa !important;}
.bg-f1 {background: #fff3e5 !important;}
.bg-f2 {background: #ebeffa !important;}



/*********************************
均等ボックス
*********************************/
.equally-box2 div {
  width: calc((100% - 10px*1 ) / 2);
  float: left;
  margin-right: 10px;
}
.equally-box2 div:last-child {
  margin-right: 0px;
}

/*********************************
TOPページ バナースライダー
*********************************/
.banner-slider {
  padding: 0;
  margin: 0 0 10px 0;
  height: 202px;
  overflow: hidden;
}
.banner-slider li {
  list-style: none;
}
.banner-slider .slick-next {
  right: 15px;
  z-index: 100;
}
.banner-slider .slick-prev {
  left: 5px;
  z-index: 100;
}
.banner-slider .slick-prev:before,
.banner-slider .slick-next:before {
  color: #000000;
  font-size: 30px;
}