@charset "UTF-8";
/*------------------------------------------------------------
書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft {
  text-align: left !important;
}

.taCenter {
  text-align: center !important;
}

.taRight {
  text-align: right !important;
}

/* フォントの大きさ（プラス） */
.fsP1 {
  font-size: 1.08em !important;
}

.fsP2 {
  font-size: 1.16em !important;
}

.fsP3 {
  font-size: 1.24em !important;
}

.fsP4 {
  font-size: 1.32em !important;
}

.fsP5 {
  font-size: 1.4em !important;
}

/* フォントの大きさ（マイナス） */
.fsM1 {
  font-size: 0.92em !important;
}

.fsM2 {
  font-size: 0.84em !important;
}

.fsM3 {
  font-size: 0.76em !important;
}

.fsM4 {
  font-size: 0.68em !important;
}

.fsM5 {
  font-size: 0.6em !important;
}

/* フォントの太さ */
.fwNormal {
  font-weight: normal !important;
}

.fwBold {
  font-weight: bold !important;
}

/*------------------------------------------------------------
微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 {
  margin-top: 0 !important;
}

.mt10 {
  margin: 10px 0 0 0 !important;
}

.mt20 {
  margin: 20px 0 0 0 !important;
}

.mt30 {
  margin: 30px 0 0 0 !important;
}

.mt40 {
  margin: 40px 0 0 0 !important;
}

.mt50 {
  margin: 50px 0 0 0 !important;
}

.mt60 {
  margin: 60px 0 0 0 !important;
}

.mt70 {
  margin: 70px 0 0 0 !important;
}

.mt80 {
  margin: 80px 0 0 0 !important;
}

.mt90 {
  margin: 90px 0 0 0 !important;
}

.mt100 {
  margin: 100px 0 0 0 !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb10 {
  margin: 0 0 10px 0 !important;
}

.mb20 {
  margin: 0 0 20px 0 !important;
}

.mb30 {
  margin: 0 0 30px 0 !important;
}

.mb40 {
  margin: 0 0 40px 0 !important;
}

.mb50 {
  margin: 0 0 50px 0 !important;
}

.mb60 {
  margin: 0 0 60px 0 !important;
}

.mb70 {
  margin: 0 0 70px 0 !important;
}

.mb80 {
  margin: 0 0 80px 0 !important;
}

.mb90 {
  margin: 0 0 90px 0 !important;
}

.mb100 {
  margin: 0 0 100px 0 !important;
}

/*------------------------------------------------------------
汎用スタイル
------------------------------------------------------------*/
* html .cf {
  zoom: 1;
}

* + html .cf {
  zoom: 1;
}

.cf:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

/*------------------------------------------------------------
mainVisual
------------------------------------------------------------*/
.mainVisual {
  width: 100%;
  max-width: 100%;
  padding-bottom: 80px;
  padding-top: 80px;
  background: url(../img/index/main_visual_bg.jpg) no-repeat center top;
  background-size: cover;
}

.mainVisual .searchBox {
  margin: 0 auto;
  padding: 39px 36px;
  min-height: 138px;
  width: 680px;
  max-width: 680px;
  position: relative;
  background: url(../img/index/page_title_bg.png) center top/cover no-repeat;
  z-index: 100;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mainVisual .searchBox .ttl {
  margin-bottom: 15px;
  color: #eee;
  text-align: center;
}

.mainVisual .searchBox .ttl span {
  font-size: 13px;
  vertical-align: middle;
  letter-spacing: 1px;
}

.mainVisual .searchBox form {
  position: relative;
}

.mainVisual .searchBar {
  float: none;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mainVisual .searchBar .text {
  width: 563px;
  background-image: -webkit-linear-gradient(left, #fff, #fff);
}

.mainVisual .searchBox .historyArea,
.mainVisual .searchBox .searchArea {
  position: absolute;
  left: 44px;
  top: 139px;
  color: #020204;
  z-index: 10;
  display: none;
}

.mainVisual .searchBox .historyBox,
.mainVisual .searchBox .resultBox {
  padding: 0;
  width: 547px;
  float: left;
  background-color: #fff;
}

.mainVisual .searchBox .historyBox .link,
.mainVisual .searchBox .resultBox .link {
  margin: 15px auto;
  width: 511px;
  text-align: center;
}

.mainVisual .searchBox .historyBox .link a,
.mainVisual .searchBox .resultBox .link a {
  padding: 6px 50px 5px 0;
  position: relative;
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #c23434;
  border-radius: 6px;
  behavior: url(js/pie.htc);
  background: #be3434 url(../img/index/link04_bg.jpg) repeat-x left top;
}

.mainVisual .searchBox .historyBox .link a:after,
.mainVisual .searchBox .resultBox .link a:after {
  width: 19px;
  height: 19px;
  position: absolute;
  background: url(../img/common/icon22.png) no-repeat left top;
  top: 12px;
  right: 18px;
  content: " ";
}

.mainVisual .searchBox .historyBox .link a span,
.mainVisual .searchBox .resultBox .link a span {
  padding: 5px 0;
  display: block;
  border-right: 1px solid #dd7272;
}

.mainVisual .searchBox .historyBox .link a:hover,
.mainVisual .searchBox .resultBox .link a:hover {
  text-decoration: none;
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.mainVisual .searchBox .historyBox li a,
.mainVisual .searchBox .resultBox li a,
.mainVisual .searchBox .historyBox li.listTitle,
.mainVisual .searchBox .resultBox li.listTitle {
  padding: 10px 15px;
  font-size: 14px;
  position: relative;
  border-bottom: #fff 1px solid;
  display: block;
}

.mainVisual .searchBox .historyBox li a {
  background: url(../img/common/ico_time.png) no-repeat 14px 12px;
  background-size: 16px 16px;
  padding: 10px 15px 10px 38px;
}

.mainVisual .searchBox .historyBox li .chooseBox a {
  padding: 10px 15px;
}

.mainVisual .searchBox .historyBox li a:hover,
.mainVisual .searchBox .resultBox li a:hover {
  background-color: #f0f0f0;
}

.mainVisual .searchBox .historyBox li.listTitle,
.mainVisual .searchBox .resultBox li.listTitle {
  background: #f0f0f0;
  padding: 10px 15px;
}

.mainVisual .searchBox .historyBox li,
.mainVisual .searchBox .resultBox li {
  position: relative;
}

.mainVisual .searchBox .historyBox li .toggleBtn,
.mainVisual .searchBox .resultBox li .toggleBtn {
  background: #ccc url(../img/common/arrow_select_black.png) no-repeat 50% 18px;
  background-size: 16px;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
      transform: rotate(270deg);
  display: block;
  width: 41px;
  height: 41px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}

.mainVisual .searchBox .historyBox .chooseBox,
.mainVisual .searchBox .resultBox .chooseBox {
  width: 176px;
  position: absolute;
  right: -177px;
  display: none;
  margin: -42px 0 0;
  border-left: 1px solid #c7c7c7;
}

.mainVisual .searchBox .historyBox .chooseBox ul,
.mainVisual .searchBox .resultBox .chooseBox ul {
  position: relative;
  border-top: 1px solid #d2d2d2;
  border-radius: 0 5px 5px 0;
  behavior: url(/js/pie.htc);
  background-color: #fff;
  margin-bottom: 10px;
}

.mainVisual .searchBox .historyBox .chooseBox li,
.mainVisual .searchBox .resultBox .chooseBox li {
  width: 88px;
  height: 90px;
  float: left;
  text-align: center;
  padding: 0;
  line-height: 1.25;
}

.mainVisual .searchBox .historyBox .chooseBox li a,
.mainVisual .searchBox .resultBox .chooseBox li a {
  border-right: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  background: #fff;
  height: 90px;
  width: 88px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  vertical-align: middle;
  display: table-cell;
}

.mainVisual .searchBox .historyBox .chooseBox li a::after,
.mainVisual .searchBox .resultBox .chooseBox li a::after {
  content: none;
  background: none;
}

.mainVisual .searchBox .historyBox .chooseBox li a:hover,
.mainVisual .searchBox .resultBox .chooseBox li a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #cc403b;
}

.mainVisual .searchBox .historyBox .chooseBox li:nth-child(1) a,
.mainVisual .searchBox .historyBox .chooseBox li:nth-child(2) a,
.mainVisual .searchBox .resultBox .chooseBox li:nth-child(1) a,
.mainVisual .searchBox .resultBox .chooseBox li:nth-child(2) a {
  border-top: 1px solid #c7c7c7;
}

.mainVisual .searchBox .historyBox .chooseBox .current a,
.mainVisual .searchBox .resultBox .chooseBox .current a {
  color: #fff;
  text-decoration: none;
  background-color: #cc403b;
}

.mainVisual .searchBox .historyBox .chooseBox .current a .out,
.mainVisual .searchBox .resultBox .chooseBox .current a .out {
  display: none;
}

.mainVisual .searchBox .historyBox .chooseBox .current a .over,
.mainVisual .searchBox .resultBox .chooseBox .current a .over {
  margin: 0 auto;
  display: block;
}

.mainVisual .searchBox .historyBox .chooseBox li a .over,
.mainVisual .searchBox .resultBox .chooseBox li a .over {
  display: none;
}

.mainVisual .searchBox .historyBox .chooseBox li a:hover .out,
.mainVisual .searchBox .resultBox .chooseBox li a:hover .out {
  display: none;
}

.mainVisual .searchBox .historyBox .chooseBox li a:hover .over,
.mainVisual .searchBox .resultBox .chooseBox li a:hover .over {
  margin: 0 auto;
  display: block;
}

.mainVisual .searchBox .historyBox .chooseBox li span,
.mainVisual .searchBox .resultBox .chooseBox li span {
  display: block;
  font-size: 10px;
  letter-spacing: -1px;
  padding: 3px 0 0;
}

.mainVisual .searchBox .historyBox .chooseBox img,
.mainVisual .searchBox .resultBox .chooseBox img {
  width: 55px;
  height: auto;
}

@media screen and (max-device-width: 1024px) {
  .mainVisual .searchBox .btn {
    top: 2px;
  }
  .mainVisual .searchBox .text {
    padding: 8px 18px 7px 18px;
  }
  .mainVisual .searchBox .historyArea,
  .mainVisual .searchBox .searchArea {
    top: 141px;
  }
  .mainVisual .searchBox .historyBox li,
  .mainVisual .searchBox .resultBox li {
    border-bottom: none;
  }
}

/*------------------------------------------------------------
No.01
------------------------------------------------------------*/
.bgArea {
  background: url(../img/01/bg_img.png) no-repeat center;
  margin: -40px 0 0;
  padding: 75px 0;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bgArea .inputBox {
  max-width: 540px;
  margin: auto;
  background: rgba(0, 0, 0, 0.85);
  padding: 35px 70px;
}

.bgArea .inputBox input {
  display: block;
  width: 100%;
  padding: 10px 0 10px 60px;
  font-size: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 6px;
  border: none;
  margin: 15px 0 0;
}

.bgArea .inputBox span {
  color: #d00;
  padding: 10px 0;
  display: block;
  font-size: 15px;
  font-weight: bold;
}

.icoMail {
  background: url(../img/01/ico_mail.png) no-repeat 30px 15px #fff;
}

.icoLock {
  background: url(../img/01/ico_lock.png) no-repeat 32px 12px #fff;
}

.bgArea .title {
  font-size: 18px;
  text-align: center;
  color: #fff;
  font-weight: normal;
  margin: 0 0 10px;
}

.bgArea .txt01 {
  text-align: center;
  color: #fff;
  font-size: 24px;
  letter-spacing: 1px;
}

.bgArea .txt {
  text-align: right;
  font-size: 14px;
  margin: -5px 5px 15px;
}

.bgArea .txt a {
  color: #fff;
  text-decoration: underline;
}

.bgArea .txt a:hover {
  text-decoration: none;
}

.bgArea .formBtn input {
  display: block;
  width: 75%;
  margin: auto;
  padding: 13px 0;
}

.entryArea {
  background: #f5f5f5;
  padding: 35px 0;
}

.entryArea .entryBox {
  max-width: 860px;
  margin: auto;
}

.entryArea p {
  float: left;
  font-size: 16px;
  width: 500px;
}

.entryArea .btnEntry {
  float: right;
  padding: 10px 0 0;
}

.entryArea input {
  color: #fff;
  display: block;
  width: 320px;
  padding: 13px 0;
  font-size: 16px;
  border: none;
  border-radius: 6px;
  display: block;
  margin: auto;
  cursor: pointer;
  background: url(../img/common/arrow_white.png) #e13030;
  background: -webkit-gradient(linear, left top, left bottom, from(#e13030), to(#bd3535));
  background: -webkit-linear-gradient(top, #e13030 0%, #bd3535 100%);
  background: -o-linear-gradient(top, #e13030 0%, #bd3535 100%);
  background: linear-gradient(to bottom, #e13030 0%, #bd3535 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e13030', endColorstr='#bd3535', GradientType=0);
}

.entryArea input:hover {
  background: url(../img/common/arrow_white.png) #bd3535;
  background: -webkit-gradient(linear, left top, left bottom, from(#bd3535), to(#e13030));
  background: -webkit-linear-gradient(top, #bd3535 0%, #e13030 100%);
  background: -o-linear-gradient(top, #bd3535 0%, #e13030 100%);
  background: linear-gradient(to bottom, #bd3535 0%, #e13030 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bd3535', endColorstr='#e13030', GradientType=0);
}

.icoArea .icoBox {
  max-width: 860px;
  margin: auto;
  padding: 100px 0;
}

.icoArea ul {
  position: relative;
  float: left;
}

.icoArea li {
  position: absolute;
}

.icoArea li:nth-child(1) {
  top: 0;
  left: 0;
}

.icoArea li:nth-child(2) {
  top: 120px;
  left: 75px;
}

.icoArea li:nth-child(3) {
  top: 0;
  left: 160px;
}

.icoArea li:nth-child(4) {
  top: 120px;
  left: 235px;
}

.icoArea li:nth-child(5) {
  top: 0;
  left: 320px;
}

.icoArea img {
  width: 100px;
}

.icoArea .icoTexBox {
  float: right;
  width: 380px;
}

.icoArea .title {
  font-size: 34px;
  font-weight: normal;
  margin: 0 0 30px;
}

.icoArea p {
  font-size: 16px;
}

#main .linkArea .linkBox {
  margin: 0;
}

@media all and (min-width: 0) and (max-width: 767px) {
  /*------------------------------------------------------------ mainVisual ------------------------------------------------------------*/
  .mainVisual {
    margin: 87px 0 0;
    padding: 68px 0;
    min-height: 0;
    background: url(../img/index/sp_main_visual_bg.jpg) no-repeat center top;
    background-size: cover;
  }
  .mainVisual .searchBox {
    padding: 17px 26px 21px;
    min-height: 0;
    width: 100%;
    background: url(../img/index/page_title_bg.png) no-repeat center top;
    background-size: cover;
  }
  .mainVisual .searchBox .ttl {
    margin-bottom: 8px;
  }
  .mainVisual .searchBox .ttl span {
    font-size: 10px;
  }
  .mainVisual .searchBox form {
    position: static;
  }
  .mainVisual .searchBox .text {
    padding: 5px 6px 4px 24px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 10px;
    border-radius: 2px;
    background: #fff url(../img/common/sp_icon03.gif) no-repeat 6px center;
    background-size: 13px 13px;
    font-size: 16px;
  }
  .mainVisual .searchBox .historyBox li a::after,
  .mainVisual .searchBox .resultBox li a::after {
    background: none;
  }
  .mainVisual .searchBox .btn {
    display: none;
  }
  .mainVisual .searchBox .historyArea,
  .mainVisual .searchBox .searchArea {
    padding: 0 26px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    left: 0;
    top: 104px;
  }
  .mainVisual .searchBox .resultBox {
    padding-top: 0;
    width: auto;
    float: none;
    background-color: #fff;
  }
  .mainVisual .searchBox .resultBox ul {
    margin-bottom: 13px;
  }
  .mainVisual .searchBox .resultBox li {
    padding: 0;
    color: #020204;
    font-size: 16px;
  }
  .mainVisual .searchBox .resultBox li .toggleBtn {
    display: none;
  }
  .mainVisual .searchBox .resultBox .link {
    padding: 0 8px;
    width: auto;
    text-align: left;
  }
  .mainVisual .searchBox .resultBox .link a {
    padding: 5px 35px 5px 15px;
    font-size: 13px;
    line-height: 1.2;
    border-radius: 3px;
    background: #cb3f3a;
  }
  .mainVisual .searchBox .resultBox .link a:after {
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
    top: 9px;
    right: 14px;
  }
  .mainVisual .searchBox .resultBox .link a span {
    padding: 3px 0;
    line-height: 1;
  }
  .mainVisual .searchBox .chooseBox {
    display: none !important;
  }
  .mainVisual .searchBox .historyBox {
    width: 100%;
  }
  /*------------------------------------------------------------ No.01 ------------------------------------------------------------*/
  .bgArea {
    margin: -15px -15px 0;
    padding: 0;
    background: url(../img/01/bg_img_sp.png) no-repeat center;
    background-size: cover;
  }
  .bgArea .inputBox {
    padding: 60px 10%;
    width: 100%;
    max-width: 100%;
    background: rgba(0, 0, 0, 0.5);
  }
  .bgArea .txt01 {
    font-size: 8vw;
  }
  .bgArea .title {
    font-size: 5.5vw;
    text-align: center;
    margin: 0 0 20px;
  }
  .bgArea .formBtn input {
    background: #be3932;
    width: 100%;
    -webkit-appearance: none;
    color: #fff;
  }
  .entryArea {
    background: none;
  }
  .entryArea p {
    float: none;
    width: 100%;
  }
  .entryArea .btnEntry {
    float: none;
    width: 100%;
    padding: 8% 0 0;
  }
  .entryArea input {
    background: #be3932;
    width: 100%;
    -webkit-appearance: none;
  }
  .icoArea .icoBox {
    padding: 40px 0 0;
  }
  .icoArea ul {
    float: none;
    display: table;
    width: 100%;
  }
  .icoArea li {
    position: static;
    display: table-cell;
    padding: 0 5px;
  }
  .icoArea img {
    width: 100%;
  }
  .icoArea .icoTexBox {
    float: none;
    width: 100%;
    margin: 0 0 4% 0;
  }
  .icoArea .title {
    font-size: 24px;
    margin: 0 0 15px;
  }
  .icoArea p {
    float: none;
    width: 100%;
  }
  .linkArea {
    float: none;
    padding: 25px 15px;
    background: #eee;
    margin: 0 -15px;
  }
}

/*------------------------------------------------------------
デフォルトスタイル
------------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  outline: 0;
  font-size: 1em;
}

body {
  width: 100%;
  font-size: 62.5%;
}

body,
table,
input,
textarea,
select,
option {
  font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

a,
a:link {
  color: #282828;
  text-decoration: none;
}

a:visited {
  color: #282828;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: underline;
}

/*------------------------------------------------------------
レイアウト
------------------------------------------------------------*/
body {
  width: 100%;
  min-width: 1024px;
  color: #282828;
  line-height: 1.5;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  background-color: #fff;
}

#container {
  text-align: left;
  width: 100%;
  position: relative;
}

/*------------------------------------------------------------
gHeader
------------------------------------------------------------*/
#gHeader {
  overflow: hidden;
  background-color: #000;
}

#gHeader .hBox {
  margin: 0 auto;
  width: 1056px;
}

#gHeader .sub01 {
  margin: 0 0 2px 55px;
  position: relative;
  line-height: 0;
}

#gHeader .sub01:before {
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 9999px;
  height: 2px;
  background-color: #be3932;
  content: '';
}

#gHeader .sub01 h1 {
  float: left;
}

#gHeader .sub01 .hInner {
  margin: 12px 0 10px;
  padding-right: 21px;
  float: right;
  line-height: 1.75;
}

#gHeader .sub01 .linkList {
  float: left;
  text-align: right;
}

#gHeader .sub01 .linkList li {
  display: inline-block;
  color: #fff;
  font-size: 13px;
  padding: 0 0 0 10px;
  position: relative;
}

#gHeader .sub01 .linkList li a {
  margin: 0 15px;
  position: relative;
  color: #fff;
  display: inline-block;
}

#gHeader .sub01 .linkList li::after {
  content: "";
  background: url(../img/common/slash.png) no-repeat;
  width: 12px;
  height: 20px;
  display: inline-block;
  position: absolute;
}

#gHeader .sub02 .linkList li::after {
  content: "";
  background: url(../img/common/slash.png) no-repeat;
  width: 12px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  /*    margin: 0 -26px 0 8px;*/
  position: absolute;
  right: -10px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}

#gHeader .sub01 .linkList li:last-child::after,
#gHeader .sub02 .linkList li:last-child::after {
  content: none;
}

#gHeader .sub01 .linkBox {
  float: right;
}

#gHeader .sub01 .linkBox a span,
#gHeader .sub01 .linkBox .disabled span {
  margin-top: 2px;
  display: inline-block;
  color: #fff;
  font-size: 11px;
}

#gHeader .sub01 .linkBox a,
#gHeader .sub01 .linkBox .disabled {
  padding: 0 20px;
  display: block;
  background: url(../img/common/icon01.png) no-repeat left 2px;
}

#gHeader .sub01 .linkBox .disabled {
  opacity: 0.5;
  opacity: 0.5;
}

#gHeader .sub01 .linkBox a:before,
#gHeader .sub01 .linkBox .disabled:before {
  margin-top: -2px;
  width: 7px;
  height: 4px;
  background: url(../img/common/icon02.gif) no-repeat left top;
  position: absolute;
  top: 50%;
  right: 25px;
  content: "";
}

#gHeader .sub01 .linkBox a:hover {
  text-decoration: none;
  filter: alpha(opacity=70);
  opacity: 0.7;
}

#gHeader .sub02 {
  margin-left: 25px;
  background: url(../img/common/h_bg01.gif), url(../img/common/h_bg03.gif);
  background-color: #282423;
  background-repeat: no-repeat, no-repeat;
  background-position: right top, left top;
  line-height: 0;
}

#gHeader .sub02 .logo {
  float: left;
  height: 50px;
}

#gHeader .sub02 .linkList {
  /*    float: right;*/
  text-align: right;
  padding: 0 15px 0 0;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

#gHeader .sub02 .linkList li {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  padding: 0 15px;
  position: relative;
}

#gHeader .sub02 .linkList li.finally {
  padding: 0 15px 0 15px;
}

#gHeader .sub02 .linkList li.finally a {
  font-size: 13px;
  padding: 17px 14px 15px;
}

#gHeader .sub02 .linkList li a {
  color: #fff;
  padding: 14px 14px 13px 14px;
  display: inline-block;
  position: relative;
  white-space: nowrap;
}

#gHeader .sub02 .linkList li a:hover {
  background: #e7e7e7;
  color: #282828;
  text-decoration: none;
  background: #e7e7e7;
}

#gHeader .sub02 .linkList li a:hover::before {
  position: absolute;
  top: 0;
  left: -35px;
  content: url(../img/common/com_header_btbgL.png);
}

#gHeader .sub02 .linkList li a:hover::after {
  position: absolute;
  top: 0;
  right: -32px;
  content: url(../img/common/com_header_btbgR.png);
}

#gHeader .sub03 {
  padding: 10px 0 9px;
  color: #fff;
  position: relative;
}

#gHeader .sub03:before {
  position: absolute;
  left: 0;
  top: 0;
  background: #4c4849 url(../img/common/h_bg02.gif) no-repeat left top;
  width: 9999px;
  height: 100%;
  content: "";
}

#gHeader .sub03 p {
  position: relative;
  z-index: 10;
}

#gHeader .sub03 p a {
  margin-left: 57px;
  cursor: pointer;
  color: #fff;
  font-size: 15px;
  position: relative;
}

#gHeader .sub03 p a img {
  top: -4px;
  position: absolute;
  width: 30px;
  height: 30px;
  left: 0;
}

#gHeader .sub03 p .txt {
  margin-left: 0;
  padding-right: 46px;
  display: block;
  float: right;
  font-size: 13px;
}

#gHeader a:hover img {
  filter: alpha(opacity=70);
  opacity: 0.7;
}

#gHeader .menu {
  display: none;
}

/*------------------------------------------------------------
lang_area
------------------------------------------------------------*/
#lang_area {
  display: none;
  position: absolute;
  top: 46px;
  left: 0;
  width: 100%;
  background: #292524;
  z-index: 10;
  font-family: Verdana;
  /* 0714*/
}

#lang_area.open {
  display: block;
}

#lang_area .lang_title {
  width: 100%;
}

#lang_area .lang_title li {
  height: 70px;
  line-height: 70px;
}

#lang_area .lang_title li.left {
  float: left;
}

#lang_area .lang_title li.right {
  float: right;
}

#lang_area .title {
  font-size: 30px;
  color: #fff;
}

#lang_area .subtitle {
  font-size: 20px;
  margin-bottom: 20px;
  color: #fff;
}

#lang_area .subtitle.min {
  font-size: 120%;
}

#lang_area .lang_wrap {
  width: 980px;
  padding: 0 20px;
  margin: 0 auto;
}

#lang_area .lang_bt_wrap li {
  padding-bottom: 20px;
}

#lang_area .lang_bt_wrap li.Rborder {
  border-right: solid 1px #504c4b;
}

#lang_area .lang_bt_wrap > li > ul > li {
  float: left;
  height: 20px;
  line-height: 3;
  width: 220px;
  background: url(../img/common/arrow_white.png) no-repeat 90% center;
}

#lang_area .lang_bt_wrap > li > ul > li span {
  font-size: 12px;
  color: #fff;
}

#lang_area .lang_bt_wrap a:hover {
  text-decoration: underline;
}

#lang_area .lang_bt_wrap > li > ul > li span.min {
  font-size: 66.66%;
}

.c_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  clear: both;
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
}

.c_row .span_3 {
  width: 23.5%;
}

.c_row .col {
  margin-left: 2%;
}

#lang_area input.header_close {
  cursor: pointer;
  width: 64px;
  height: 21px;
  line-height: 21px;
  padding-left: 15px;
  font-size: 9px;
  background: #7b7b7b url(../img/common/close_white.png) no-repeat 10% center;
  border: none;
  color: #fff;
  letter-spacing: 1px;
}

#lang_area .lang_bt_wrap > li > ul > li a {
  color: #fff;
  text-decoration: none;
}

#lang_area .lang_bt_wrap > li > ul > li a:hover {
  text-decoration: underline;
}

/*------------------------------------------------------------
gFooter
------------------------------------------------------------*/
#gFooter {
  padding-top: 20px;
  background-color: #393939;
}

#gFooter .fBox {
  margin: 0 auto;
  width: 1002px;
}

#gFooter .fLinkList {
  border-bottom: #636363 1px solid;
  padding: 30px 0;
}

#gFooter .fLinkList:nth-child(2) .liStyle:nth-child(1) {
  width: 25%;
}

#gFooter .fLinkList:nth-child(2) .liStyle:nth-child(1) .low2 > li {
  width: 100%;
}

#gFooter .fLinkList:nth-child(2) .liStyle:nth-child(2) {
  width: 75%;
}

#gFooter .fLinkList:nth-child(2) .liStyle:nth-child(2) .low2 > li {
  width: 30%;
}

#gFooter .liStyle01 {
  width: 70%;
}

#gFooter .liStyle02 {
  width: 25%;
}

#gFooter .fLinkList:nth-child(3) .low2 li,
#gFooter .fLinkList:nth-child(4) .low2 li {
  width: 100%;
}

#gFooter .fLinkList:last-child {
  border: none;
}

#gFooter .fLinkList li {
  color: #fff;
  font-size: 12px;
}

#gFooter .fLinkList > li {
  float: left;
}

#gFooter .fLinkList .liStyle {
  font-size: 16px;
  width: 25%;
}

#gFooter .fLinkList .liStyle.col3 {
  width: 33%;
}

#gFooter .fLinkList .liStyle01 {
  padding: 0 0 20px 0;
  border-right: #636363 1px solid;
}

#gFooter .fLinkList .liStyle02 {
  padding: 5px 0 0 45px;
}

#gFooter .fLinkList > li > a {
  margin-bottom: 15px;
  display: block;
  color: #fff;
}

#gFooter .fLinkList ul li a,
#gFooter .fLinkList ul li span {
  padding-left: 12px;
  color: #fff;
  background: url(../img/common/icon08.gif) no-repeat left 4px;
}

#gFooter .fLinkList .low2 {
  margin: 0 0 20px;
  display: block;
}

#gFooter .fLinkList .low2 > li {
  margin: 0 0 10px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

#gFooter .fLinkList .low3 li {
  margin: 0 0 5px;
}

#gFooter .fLinkList .low3 li a {
  background: none;
}

#gFooter .fLinkList .low2 li:last-child {
  margin: 0;
}

#gFooter .fLinkList .low3 li a::before {
  content: "・";
}

#gFooter .wrap {
  padding: 10px 0;
  background-color: #222;
}

#gFooter .wrap p,
#gFooter .wrap a {
  color: #fff;
  font-size: 10px;
  text-align: center;
  display: block;
}

#gFooter .wrap a {
  margin: 10px 0 5px;
  text-decoration: underline;
}

#gFooter .wrap a:hover {
  text-decoration: none;
}

.sp {
  display: none !important;
}

@media all and (min-width: 0) and (max-width: 767px) {
  #gHeader .sub03 p a img {
    width: 26px;
    height: 26px;
  }
  body {
    min-width: inherit;
    padding: 0 0 51px;
  }
  .sp {
    display: block !important;
  }
  .pc,
  #lang_area {
    display: none !important;
  }
  a:hover,
  a:hover img {
    text-decoration: none;
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
  }
  /*------------------------------------------------------------ gHeader ------------------------------------------------------------*/
  #gHeader {
    padding-left: 5px;
    background-color: #241F1E;
    position: fixed;
    width: 100%;
    z-index: 1000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
  }
  #gHeader .hBox {
    width: auto;
  }
  #gHeader .sub01 {
    margin: 0;
    position: static;
  }
  #gHeader .sub01:before {
    display: none;
  }
  #gHeader .sub01 h1 img {
    height: 50px;
  }
  #gHeader .sub01 .hInner {
    margin: 0;
    padding-right: 0;
    width: auto;
  }
  #gHeader .sub01 .linkList {
    display: none;
  }
  #gHeader .sub01 .linkBox {
    width: auto;
    line-height: 0;
    border-left: #666 1px solid;
  }
  #gHeader .sub01 .linkBox a {
    padding: 13px 12px;
    width: 15px;
    height: 15px;
    border-left: 1px solid #6c6c6c;
    border-right: 1px solid #6c6c6c;
    background-position: center center;
  }
  #gHeader .sub01 .linkBox a span {
    display: none;
  }
  #gHeader .sub01 .linkBox a:before {
    display: none;
  }
  #gHeader .sub02 {
    display: none;
  }
  #gHeader .sub03 {
    margin: 0 0 0 -50px;
  }
  #gHeader .sub03 p a {
    font-size: 12px;
  }
  #gHeader .sub03 p .txt {
    display: none;
  }
  #gHeader .menu {
    display: block;
    float: right;
    line-height: 0;
    border-left: #666 1px solid;
  }
  #gHeader .sub01 .linkBox.disabled img {
    opacity: 0.2;
  }
  /*------------------------------------------------------------ pushy ------------------------------------------------------------*/
  .pushy-open-right #container,
  .pushy2-open-right #container {
    box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.6);
    position: relative;
    z-index: 10;
  }
  .pushy,
  .pushy2 {
    z-index: 1;
  }
  .pushy-link,
  .pushy-link2 {
    color: #fff;
    font-size: 14px;
    height: 37px;
    padding: 13px 0 0 50px;
    font-weight: bold;
  }
  .pushy-link {
    background: url(../img/common/ico_menu.png) no-repeat #000;
    background-size: 44px;
  }
  .pushy-link2 {
    background: url(../img/common/ico_earth.png) no-repeat #000;
    background-size: 44px;
  }
  .sideMenu {
    font-size: 14px;
    font-weight: bold;
  }
  .sideMenu a,
  #gFooter .fLinkList ul li a,
  #gFooter .fLinkList .liStyle01 .low2 li a,
  #gFooter .fLinkList .liStyle02 .low2 li a {
    display: block;
    padding: 15px;
    background-position: 97% center;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
  }
  #gFooter .fLinkList ul li a {
    background: none;
  }
  .sideMenu .whitelink {
    background: #fff url(../img/common/arrow_l_black.png) no-repeat 98% center;
  }
  .sideMenu .whitelink a {
    color: #000;
  }
  .sideMenu .glaylink {
    background: #484848 url(../img/common/arrow_l_white.png) no-repeat 98% center;
  }
  .sideMenu .glaylink a {
    color: #fff;
  }
  .sideMenu .blacklink {
    background: #222 url(../img/common/arrow_l_white.png) no-repeat 98% center;
  }
  .sideMenu .blacklink a {
    color: #fff;
  }
  .sideMenu > li,
  #gFooter .fLinkList .liStyle01 .low2 li,
  #gFooter .fLinkList .liStyle02 .low2 li {
    background: #484848 url(../img/common/arrow_l_white.png) no-repeat 98% center;
    border-bottom: 1px solid #000;
  }
  .sideMenu > li > p,
  #gFooter .fLinkList .liStyle > p {
    background: #fff;
    cursor: pointer;
  }
  .sideMenu > li > p span,
  #gFooter .fLinkList .liStyle > p span,
  #gFooter .fLinkList .low2 > li > span {
    display: block;
    padding: 15px;
    background-position: 97% center;
    background-repeat: no-repeat;
    color: #333;
    font-weight: bold;
    background: url(../img/common/plus_l_black.png) no-repeat 98% center #fff;
  }
  #gFooter .fLinkList .liStyle:nth-child(4) .low2 > li > a {
    background: url(../img/common/arrow_l_white.png) no-repeat 98% center #484848;
    color: #fff;
    font-weight: normal;
  }
  #gFooter .fLinkList .liStyle:nth-child(4) .low2:nth-child(2) > li > a,
  #gFooter .fLinkList .liStyle.col3:nth-child(3) .low3 > li > a {
    background: url(../img/common/arrow_l_white.png) no-repeat 98% center #222;
  }
  .sideMenu > li > p.open span,
  #gFooter .fLinkList .low2 > li.open > span {
    background: url(../img/common/minus_l_black.png) no-repeat 98% center #fff;
  }
  .sideMenu > li > ul {
    display: none;
  }
  #gFooter .fLinkList .liStyle01 .low2,
  #gFooter .fLinkList .liStyle02 .low2 {
    display: block;
  }
  #gFooter .fLinkList .liStyle01 .low2 li a,
  #gFooter .fLinkList .liStyle02 .low2 li a {
    background: none;
  }
  #gFooter .fLinkList .liStyle.col3 .low2 li {
    border: none;
  }
  .sideMenu > li > ul > li,
  #gFooter .fLinkList .low2 li,
  #gFooter .fLinkList .liStyle01,
  #gFooter .fLinkList .low2 li:last-child,
  #gFooter .fLinkList .liStyle.col3 .low3 li {
    background: #e4e4e4;
    border-bottom: 1px solid #000;
  }
  .sideMenu > li > ul > li:first-child {
    border-top: 1px solid #000;
  }
  .sideMenu > li > ul > li:last-child,
  #gFooter .fLinkList .liStyle01 .low2,
  #gFooter .fLinkList .liStyle02 .low2 {
    border: none;
  }
  .sideMenu > li > ul > li a {
    background: url(../img/common/arrow_l_black.png) no-repeat 98% center;
    color: #000;
  }
  #gFooter .fLinkList .low3 li a {
    background: url(../img/common/arrow_l_white.png) no-repeat 98% center #484848;
    color: #fff;
    font-weight: normal;
  }
  #gFooter .fLinkList .low3 li a::before {
    content: none;
  }
  .langMenu {
    font-size: 14px;
  }
  .langMenu > li {
    padding: 5%;
    background: #e6e6e6;
    margin-bottom: 10px;
  }
  .langMenu > li label {
    color: #000;
  }
  .langMenu > li > ul {
    margin-top: 10px;
  }
  .langMenu > li > ul > li {
    border-bottom: solid 1px #000;
  }
  .langMenu > li > ul > li:last-child {
    border: none;
  }
  .langMenu > li > ul > li span {
    width: 100%;
    display: block;
    padding: 15px;
    background: #fff url(../img/common/arrow_l_black.png) no-repeat 98% center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #gFooter .fLinkList .liStyle:nth-child(1),
  #gFooter .fLinkList .liStyle:nth-child(2),
  #gFooter .fLinkList .liStyle:nth-child(3) {
    display: none;
  }
  /*------------------------------------------------------------ gFooter ------------------------------------------------------------*/
  #gFooter {
    padding-top: 0;
    background-color: #222;
    border-top: #000 1px solid;
  }
  #gFooter .fBox {
    padding-bottom: 0;
    width: auto;
  }
  #gFooter .fLinkList {
    padding: 0;
    background: #000;
    border: none;
  }
  #gFooter .fLinkList .liStyle,
  #gFooter .fLinkList .liStyle01,
  #gFooter .fLinkList .liStyle02 {
    margin: 0;
    padding: 0;
  }
  #gFooter .fLinkList li {
    font-size: 14px;
  }
  #gFooter .fLinkList > li {
    padding-left: 0;
    width: auto;
    float: none;
  }
  #gFooter .fLinkList > li > a {
    margin-bottom: 0;
    padding: 9px 0 3px 30px;
    position: relative;
    display: block;
    border-bottom: 1px solid #696969;
    background-color: #393939;
  }
  #gFooter .fLinkList > li > ul > li {
    margin-bottom: 0;
  }
  #gFooter .fLinkList .low2,
  #gFooter .fLinkList .low2 li {
    margin: 0;
  }
  #gFooter .fLinkList .low2 .close {
    display: none;
  }
  #gFooter .fLinkList:nth-child(2) .liStyle:nth-child(1),
  #gFooter .fLinkList:nth-child(2) .liStyle:nth-child(1) .low2 > li,
  #gFooter .fLinkList:nth-child(2) .liStyle:nth-child(2),
  #gFooter .fLinkList:nth-child(2) .liStyle:nth-child(2) .low2 > li,
  #gFooter .liStyle01,
  #gFooter .liStyle02,
  #gFooter .fLinkList:nth-child(3) .low2 li,
  #gFooter .fLinkList:nth-child(4) .low2 li,
  #gFooter .fLinkList .low2 > li,
  #gFooter .fLinkList .liStyle.col3,
  #gFooter .fLinkList .liStyle {
    display: block;
    width: 100%;
  }
}

/*------------------------------------------------------------
トープページ
------------------------------------------------------------*/
#main {
  padding: 40px 0 80px;
}

#main .mainBox {
  width: 1006px;
  margin: 0 auto;
}

#main .mainBoxS {
  width: 880px;
  margin: 0 auto;
}

#main .linkBox {
  margin-bottom: 64px;
}

#main .linkBox .linkUl {
  margin-right: -4px;
}

#main .linkBox .linkUl li,
.tabBox01 li {
  margin-right: 4px;
  width: 333px;
  float: left;
}

#main .linkBox .linkUl li:first-child,
.tabBox01 li:first-child {
  width: 332px;
}

#main .linkBox .linkUl li a,
.tabBox01 li a {
  margin-top: 8px;
  padding: 8px 20px 3px;
  position: relative;
  display: block;
  color: #262626;
  font-size: 16px;
  behavior: url(/js/pie.htc);
  border: #bbb 1px solid;
  border-radius: 6px 6px 0 0;
  background: url(../img/index/main_bg01.jpg) repeat-x left top;
}

#main .linkBox .linkUl .select a,
#main .linkBox .linkUl li a:hover,
.tabBox01 .select a,
.tabBox01 a:hover {
  margin: 0 0 -1px;
  padding: 11px 20px 9px;
  color: #cb3f3a;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid #fff;
  background: #fff;
}

.tabBox01 {
  margin: 0 -4px 40px 0;
}

#main .linkBox .tabBox {
  margin-top: -1px;
  border: #bbb 1px solid;
}

#main .linkBox .tabBox.inner {
  padding: 30px 25px;
}

#main .linkBox .tabBox .link {
  margin: 50px auto;
}

#main .linkBox .tabBox .link a {
  padding: 10px;
  text-align: center;
  font-size: 18px;
}

.titleBar,
.titleBar02,
.titleBar03 {
  font-size: 14px;
  padding: 5px 10px;
  border-bottom: #ccc 1px dashed;
  margin: 0 0 20px;
  font-weight: bold;
  position: relative;
}

.titleBar04 {
  font-size: 28px;
  padding: 0 18px 3px;
  border-bottom: #ccc 1px dashed;
  font-weight: normal;
  position: relative;
  margin: 0 0 20px;
}

.titleBar::before,
.titleBar03::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 22px;
  background: #cb3f3a;
  position: absolute;
  top: 4px;
  left: 0;
}

.titleBar04::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 35px;
  background: #cb3f3a;
  position: absolute;
  top: 3px;
  left: 0;
}

.titleBar02 a {
  text-decoration: underline;
}

.titleBar02 a:hover {
  text-decoration: none;
}

.titleBar03 {
  font-size: 18px;
  padding: 4px 0 4px 15px;
}

.titleBar03 span {
  font-size: 12px;
  color: #999;
  font-weight: normal;
  display: block;
}

.tabBox .selectBox {
  width: 49.5%;
  display: inline-block;
  padding: 0 0 40px;
}

.tabBox .selectArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.tabBox .selectArea .selectFlex {
  width: 31%;
}

.tabBox .selectArea select {
  width: 100%;
}

.tabBox .selectArea .btn01 {
  margin: 20px 0 0;
  padding: 10px 0;
  text-align: center;
  font-size: 14px;
  position: relative;
  display: block;
  color: #373737;
  border: #ccc 1px solid;
  border-radius: 3px;
  behavior: url(/js/pie.htc);
  background: #e3e3e3 url(../img/index/link03_bg.jpg) repeat-x left top;
}

.tabBox .selectArea .btn01::after {
  width: 8px;
  height: 9px;
  position: absolute;
  background: url(../img/common/icon20.gif) no-repeat left top;
  top: 16px;
  right: 16px;
  content: " ";
}

.tabBox .selectArea .btn01:hover {
  text-decoration: none;
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.tabBox select {
  padding: 10px 5px;
  border-radius: 3px;
  width: 90%;
  cursor: pointer;
}

.tabBox .listBox li {
  display: inline-block;
  width: 24.5%;
}

.tabBox .listBox li a {
  padding: 0 0 10px 28px;
  font-size: 15px;
  background: url(../img/common/icon03.gif) no-repeat 10px 5px;
}

#main .linkBox .areaBox {
  padding: 17px 0 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#main .linkBox .areaBox > div {
  padding: 10px;
  width: 230px;
  float: left;
  border-right: #bbb 1px solid;
  border-bottom: #bbb 1px solid;
}

#main .linkBox .areaBox > div:nth-child(4),
#main .linkBox .areaBox > div:nth-child(8),
#main .linkBox .areaBox > div:nth-child(12) {
  border-right: none;
}

#main .linkBox .areaBox .phoLink a {
  position: relative;
  display: block;
}

#main .linkBox .areaBox .phoLink a span {
  padding: 0 0 0 15px;
  position: absolute;
  margin: 0 0 0 15px;
  bottom: 4px;
  right: 15px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  word-break: break-all;
}

#main .linkBox .areaBox .phoLink a span::before {
  content: "";
  background: url(../img/common/icon03.gif) no-repeat;
  display: block;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 7px;
  left: 0;
}

#main .linkBox .areaBox .phoLink a:hover img {
  filter: alpha(opacity=70);
  opacity: 0.7;
}

#main .linkBox .areaBox .linkList,
#main .linkBox .areaBox .linkList02 {
  margin-top: 10px;
}

#main .linkBox .areaBox .linkList li,
#main .linkBox .areaBox .linkList02 li {
  padding: 0 0 10px 28px;
  font-size: 15px;
  background: url(../img/common/icon03.gif) no-repeat 10px 5px;
  word-break: break-all;
}

#main .linkBox .tabBox .area {
  background: #fff;
  border-bottom: #bbb 1px solid;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafafa));
  background: -webkit-linear-gradient(top, #fff 0%, #fafafa 100%);
  background: -o-linear-gradient(top, #fff 0%, #fafafa 100%);
  background: linear-gradient(to bottom, #fff 0%, #fafafa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fafafa', GradientType=0);
}

.lineTitle {
  margin-bottom: 43px;
  padding-bottom: 5px;
  position: relative;
  border-bottom: 5px solid #e2e2e2;
  font-size: 28px;
  font-weight: normal;
}

.lineTitle:before {
  width: 4px;
  height: 5px;
  background-color: #cc403b;
  position: absolute;
  left: 0;
  bottom: -5px;
  content: " ";
}

.lineTitle span {
  margin-left: 20px;
  color: #000;
  font-size: 13px;
  font-weight: normal;
  vertical-align: middle;
}

#main .linkBox .subBox {
  margin-top: -1px;
  padding: 30px 25px;
  border: #bbb 1px solid;
}

#main .linkBox .hide,
#main .subBox .ttl {
  display: none;
}

#main .subBox .iterm li {
  padding: 10px 0;
  display: block;
  font-size: 14px;
}

#main .subBox .iterm li.textLink {
  border-top: #bbb 1px solid;
  border-bottom: #bbb 1px solid;
}

#main .subBox .iterm li a {
  padding: 10px 0;
  text-decoration: underline;
}

#main .subBox .iterm li a:hover {
  text-decoration: none;
}

#main .subBox .iterm li span {
  margin: 0 18px 0 7px;
  color: #cc403b;
}

#main .subBox .iterm li .txt {
  color: #282828;
  font-style: italic;
}

#main .subBox table {
  margin-bottom: 12px;
  width: 100%;
  border-collapse: collapse;
}

#main .subBox th,
#main .subBox td {
  padding: 7px 14px 7px;
  width: 15%;
  text-align: center;
  vertical-align: top;
  border: 1px solid #fff;
}

#main .subBox .wid01 {
  width: 15%;
}

#main .subBox .wid02 {
  width: 25%;
  text-align: center;
}

#main .subBox .wid03 {
  width: 45%;
  text-align: left;
}

#main .subBox .wid04 {
  white-space: nowrap;
}

#main .subBox .bulkBtnBox {
  padding: 20px 25px;
  width: 550px;
  margin: auto;
}

#main .subBox .bulkBtnBox ul li:first-child a {
  padding: 10px 56px 10px 35px;
}

#main .subBox th {
  font-size: 14px;
  background-color: #e3e3e3;
  text-align: center;
  vertical-align: middle;
}

#main .subBox th.wid02,
#main .subBox th.wid03 {
  text-align: center;
}

#main .subBox td {
  padding-bottom: 27px;
  font-size: 16px;
  border: none;
  vertical-align: middle;
}

#main .subBox td ul {
  margin-top: 9px;
}

#main .subBox td li {
  float: left;
}

#main .subBox td .typeList li {
  width: 100%;
}

.contents td ul.typeList li:first-child {
  margin: 0;
}

#main .subBox td li:first-child {
  margin-right: 4px;
}

#main .subBox td .typeList li:first-child a,
#main .subBox td .typeList li a,
#main .subBox td .toolTip li:first-child a,
#main .subBox td .toolTip li a,
.contents td ul.toolTip li:first-child a,
.contents td ul.toolTip li a,
.contents td ul.typeList li:first-child a,
.contents td ul.typeList li a {
  background: none;
  color: #282828;
  padding: 8px;
}

#main .subBox td .typeList li:first-child a:hover,
#main .subBox td .typeList li a:hover,
#main .subBox td .toolTip li:first-child a:hover,
#main .subBox td .toolTip li a:hover,
.contents td ul.toolTip li:first-child a:hover,
.contents td ul.toolTip li a:hover,
.contents td ul.typeList li:first-child a:hover,
.contents td ul.typeList li a:hover {
  text-decoration: underline;
}

#main .subBox td .typeList li:first-child a::after,
#main .subBox td .typeList li a::after,
#main .subBox td .toolTip li:first-child a::after,
#main .subBox td .toolTip li a::after,
.contents td ul.toolTip li:first-child a::after,
.contents td ul.toolTip li a::after,
.contents td ul.typeList li:first-child a::after,
.contents td ul.typeList li a::after {
  content: none;
}

#main .subBox td li a {
  padding: 8px 36px 8px 12px;
  position: relative;
  display: block;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  behavior: url(/js/pie.htc);
  border-radius: 4px;
  background: #020202 url(../img/index/link02_bg.jpg) repeat-x left top;
}

#main .subBox td li a:after {
  width: 9px;
  height: 9px;
  position: absolute;
  background: url(../img/common/icon19.gif) no-repeat left top;
  top: 10px;
  right: 11px;
  content: " ";
}

#main .subBox td li a span {
  position: relative;
  display: block;
}

#main .subBox td li a span:after {
  width: 2px;
  height: 17px;
  position: absolute;
  background: url(../img/common/line02.gif) no-repeat left top;
  top: -2px;
  right: -10px;
  content: " ";
}

#main .subBox td li:first-child a {
  background: #bf3434 url(../img/index/link01_bg.jpg) repeat-x left top;
}

#main .subBox td li:first-child a:after {
  width: 13px;
  height: 13px;
  background-image: url(../img/common/icon18.gif);
  top: 7px;
  right: 8px;
}

#main .subBox td li:first-child a span:after {
  background-image: url(../img/common/line01.gif);
}

#main .subBox td li a:hover {
  text-decoration: none;
  filter: alpha(opacity=70);
  opacity: 0.7;
}

#main .subBox td li a.select {
  background: #e5e5e5;
  color: #777;
}

#main .subBox td li a.select::after {
  width: 10px;
  height: 1px;
  position: absolute;
  background: url(../img/common/sp_icon01.gif) no-repeat left top;
  top: 14px;
  right: 9px;
  content: " ";
  opacity: 0.5;
}

#main .subBox td li a.select span::after {
  width: 1px;
  background: #ccc;
}

#main .subBox td li:first-child a.select {
  background: #fdeded;
  color: #ea7f7f;
  padding: 8px 20px;
  display: block;
  font-size: 14px;
  line-height: 1;
  border-radius: 4px;
  text-align: center;
}

#main .subBox td li:first-child a.select span:after,
#main .subBox td li:first-child a.select:after {
  background: none;
}

#main .subBox .iterm01 {
  margin-bottom: 26px;
}

#main .subBox .msgTable {
  margin-bottom: 30px;
}

/*#main .subBox .msgTable .wid03 p { font-size: 14px; margin: 0 0 5px; color: #999;
}*/
#main .subBox .msgTable .wid03 .txt01 {
  font-size: 14px;
}

#main .subBox .msgTable .wid03 .txt02 {
  font-size: 14px;
  margin: 0 0 5px;
  color: #999;
}

#main .subBox .msgTable td {
  padding: 15px 20px;
  font-size: 14px;
  vertical-align: middle;
}

#main .subBox .msgTable tr:nth-child(even) {
  background-color: #fafafa;
}

#main .subBox .msgTable:last-child {
  margin-bottom: 0;
}

#main .linkBox01 {
  margin-bottom: 82px;
}

#main .link {
  margin: 0 auto;
  width: 412px;
}

#main .link a {
  padding: 9px 45px 6px 64px;
  position: relative;
  display: block;
  color: #373737;
  border: #bbb 1px solid;
  border-radius: 10px;
  behavior: url(/js/pie.htc);
  background: #e3e3e3 url(../img/index/link03_bg.jpg) repeat-x left top;
}

#main .link a span {
  padding: 2px 0 3px 27px;
  position: relative;
  display: block;
  font-size: 18px;
  border-right: #bbb 1px solid;
}

#main .link a span:before {
  width: 18px;
  height: 14px;
  position: absolute;
  background: url(../img/common/icon21.gif) no-repeat left top;
  top: 9px;
  left: -5px;
  content: " ";
}

#main .link a:after {
  width: 8px;
  height: 9px;
  position: absolute;
  background: url(../img/common/icon20.gif) no-repeat left top;
  top: 19px;
  right: 18px;
  content: " ";
}

#main .link a:hover {
  text-decoration: none;
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.pager {
  overflow: hidden;
  margin: 30px 0 0;
}

.pager ul {
  list-style: none;
  position: relative;
  left: 50%;
  float: left;
}

.pager ul li {
  margin: 0 5px;
  position: relative;
  left: -50%;
  float: left;
}

.pager ul li span,
.pager ul li a {
  display: block;
  font-size: 16px;
  padding: 6px 15px;
  border-radius: 3px;
  border: #bbb 1px solid;
}

.pager ul li a {
  background: #eee;
  color: #000;
  text-decoration: none;
}

.pager ul li a:hover {
  background: #777;
  color: #fff;
  border: #777 1px solid;
}

/*------------------------------------------------------------
下層
------------------------------------------------------------*/
/*-------------------------------------------------------------------------.contact*/
.contact *,
.contact *:before,
.contact *:after {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.contact dl {
  display: table;
  width: 100%;
}

.contact dl.add dt,
.contact dl.add dd,
.contact dl:first-child dt,
.contact dl:first-child dd {
  border-top: #bbb 1px solid;
}

.contact dt {
  background: #f6f6f6;
  border-bottom: #bbb 1px solid;
  border-left: #bbb 1px solid;
  font-size: 16px;
  padding: 20px;
  width: 30%;
  display: table-cell;
  position: relative;
}

.contact dt span {
  background: #be3932;
  font-size: 13px;
  color: #fff;
  padding: 3px 7px;
  margin: 0 10px 0 0;
  top: 23px;
  left: 20px;
  line-height: 1;
  display: inline-block;
}

.contact .requiredMark dt span {
  background: none;
  color: #be3932;
  margin: 0;
  display: inline-block;
  padding: 0;
  font-size: 16px;
}

.contact .requiredTxt {
  font-weight: bold;
  color: #be3932;
  font-size: 14px;
  padding: 0 0 5px;
}

.contact dt span.inblock {
  background: none;
  color: #222;
  vertical-align: top;
  margin: 2px 0 0;
  line-height: 1.25;
  font-size: 16px;
  padding: 0;
}

.contact dd {
  border-bottom: #bbb 1px solid;
  border-left: #bbb 1px solid;
  border-right: #bbb 1px solid;
  font-size: 16px;
  width: 70%;
  display: table-cell;
  padding: 20px;
  vertical-align: middle;
  position: relative;
}

.contact dd .txt01 {
  margin: 0 0 10px;
}

.contact dd .txt02 {
  font-size: 14px;
}

.contact dd .txt01 a,
.contact dd .txt02 a {
  text-decoration: underline;
}

.contact dd .txt01 a:hover,
.contact dd .txt02 a:hover {
  text-decoration: none;
}

.contact dd .custom span {
  background: #be3932;
  font-size: 13px;
  color: #fff;
  padding: 0 7px;
  display: inline-block;
  margin: 0 0 5px;
}

/*
.contact dl:last-child dt,
.contact dl:last-child dd {
	border-bottom: #bbb 1px solid;
}
*/
.contact .formMessage {
  border: #be3932 1px solid;
  color: #be3932;
  font-size: 14px;
  padding: 8px 12px;
  margin: 15px 0 0;
}

.contact dl.switching1,
.contact dl.switching2 {
  display: none;
}

.contact dl.switching1.on,
.contact dl.switching2.on {
  display: table;
}

.contact .col2 dd {
  border-right: none;
  width: 50%;
  vertical-align: top;
  padding: 20px;
}

.contact .col2:nth-child(1) dd:nth-child(2) {
  padding: 48px 20px 20px 20px;
}

.contact .col3 dd {
  border-right: none;
  width: 33%;
}

.contact .col4 dd {
  border-right: none;
  width: 25%;
}

.contact .col2 select,
.contact .col3 select,
.contact .col4 select {
  width: 100%;
}

.contact .col2 dd:last-child,
.contact .col3 dd:last-child,
.contact .col4 dd:last-child {
  border-right: #bbb 1px solid;
}

.contact dd label {
  width: 300px;
  display: table-cell;
}

.contact dd label input {
  width: 230px;
}

.contact dd span {
  color: #be3932;
  padding: 5px 0 0;
  display: block;
  font-size: 15px;
  font-weight: bold;
}

.contact dd label span {
  padding: 5px 10px 0 0;
}

.contact input,
.contact textarea {
  width: 100%;
  padding: 7px;
  border-radius: 3px;
  border: #bbb 1px solid;
  font-size: 15px;
}

.contact dd label.checkbox {
  width: auto;
  display: inline-block;
  cursor: pointer;
}

.contact input[type="checkbox"] {
  width: auto;
  display: inline-block;
}

.contact input[type="submit"] {
  cursor: pointer;
  background: #e2e2e2;
  background: -webkit-gradient(linear, left top, left bottom, from(#e2e2e2), to(#ccc));
  background: -webkit-linear-gradient(top, #e2e2e2 0%, #ccc 100%);
  background: -o-linear-gradient(top, #e2e2e2 0%, #ccc 100%);
  background: linear-gradient(to bottom, #e2e2e2 0%, #ccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#ccc', GradientType=0);
}

.contact input[type="submit"]:hover {
  background: #ccc;
  background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#e2e2e2));
  background: -webkit-linear-gradient(top, #ccc 0%, #e2e2e2 100%);
  background: -o-linear-gradient(top, #ccc 0%, #e2e2e2 100%);
  background: linear-gradient(to bottom, #ccc 0%, #e2e2e2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#e2e2e2', GradientType=0);
}

.contact select {
  padding: 7px;
  font-size: 15px;
  border: #bbb 1px solid;
  border-radius: 3px;
}

.contact input.wt75 {
  width: 75%;
}

.contact input.wt50 {
  width: 50%;
}

.contact .formBtn {
  padding: 20px 0 0;
  text-align: center;
}

.contact .formBtn input,
.inputBox .formBtn input {
  color: #fff;
  display: block;
  width: 400px;
  padding: 20px;
  font-size: 18px;
  border: none;
  border-radius: 8px;
  display: block;
  margin: auto;
  cursor: pointer;
  white-space: normal;
  background: url(../img/common/arrow_white.png) #e13030;
  background: -webkit-gradient(linear, left top, left bottom, from(#e13030), to(#bd3535));
  background: -webkit-linear-gradient(top, #e13030 0%, #bd3535 100%);
  background: -o-linear-gradient(top, #e13030 0%, #bd3535 100%);
  background: linear-gradient(to bottom, #e13030 0%, #bd3535 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e13030', endColorstr='#bd3535', GradientType=0);
}

.inputBox .formBtn input {
  padding: 15px 0;
  width: 100%;
}

.contact .formBtn input:hover,
.inputBox .formBtn input:hover {
  background: url(../img/common/arrow_white.png) #bd3535;
  background: -webkit-gradient(linear, left top, left bottom, from(#bd3535), to(#e13030));
  background: -webkit-linear-gradient(top, #bd3535 0%, #e13030 100%);
  background: -o-linear-gradient(top, #bd3535 0%, #e13030 100%);
  background: linear-gradient(to bottom, #bd3535 0%, #e13030 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bd3535', endColorstr='#e13030', GradientType=0);
}

.contact .formBtn input[disabled],
.contact .formBtn input[disabled]:hover {
  background: #ccc;
  cursor: default;
}

.contact .formBtn input.backBtn,
.contact .formBtn input.nextBtn {
  width: 300px;
}

.contact .formBtn input.backBtn {
  float: left;
  margin: 0 0 0 120px;
}

.contact .formBtn input.nextBtn {
  float: right;
  margin: 0 120px 0 0;
}

.contact .formBtn input.backBtn {
  color: #000;
  cursor: pointer;
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#c4c4c4));
  background: -webkit-linear-gradient(top, #ededed 0%, #c4c4c4 100%);
  background: -o-linear-gradient(top, #ededed 0%, #c4c4c4 100%);
  background: linear-gradient(to bottom, #ededed 0%, #c4c4c4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#c4c4c4', GradientType=0);
}

.contact .formBtn input.backBtn:hover {
  background: #c4c4c4;
  background: -webkit-gradient(linear, left top, left bottom, from(#c4c4c4), to(#ededed));
  background: -webkit-linear-gradient(top, #c4c4c4 0%, #ededed 100%);
  background: -o-linear-gradient(top, #c4c4c4 0%, #ededed 100%);
  background: linear-gradient(to bottom, #c4c4c4 0%, #ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4c4c4', endColorstr='#ededed', GradientType=0);
}

.contact .txtLink {
  padding: 20px 0 0;
  text-align: right;
}

.contact .txtLink a {
  font-size: 14px;
  text-decoration: underline;
}

.contact .txtLink a:hover {
  text-decoration: none;
}

.contact .txtMin {
  font-size: 16px;
}

.btnBox {
  width: 100%;
  text-align: center;
  padding: 20px 0 0;
}

.btnBox .btnMin {
  display: inline-block;
  padding: 2px 10px 0 0;
  vertical-align: top;
}

.btnBox .btnMin input {
  padding: 20px 50px;
  border-radius: 5px;
}

.btnBox .formBtn {
  display: inline-block;
  padding: 0 10px;
}

.btnBox .formBtn input {
  padding: 20px 70px;
  width: auto;
  border-radius: 5px;
}

/*-----------------------------------------------------------------shortContact*/
.shortContact .inner {
  width: 400px;
  margin: auto;
  border: #bbb 1px solid;
  background: rgba(0, 0, 0, 0.025);
  padding: 40px;
}

.shortContact dt {
  font-size: 16px;
  padding: 0 0 5px;
}

.shortContact dd {
  padding: 0 0 20px;
}

.shortContact dd input {
  width: 100%;
  padding: 7px;
  border-radius: 3px;
  border: #bbb 1px solid;
  font-size: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.shortContact dd span {
  color: #be3932;
  padding: 5px 0 0;
  display: block;
  font-size: 15px;
  font-weight: bold;
}

.shortContact p.pasword {
  text-align: right;
  padding: 0 60px 0 0;
  margin: 0 0 20px;
}

.shortContact .btnLogin input {
  color: #fff;
  display: block;
  padding: 15px 30px;
  margin: auto;
  margin-bottom: 5px;
  font-size: 14px;
  border-radius: 5px;
  border: none;
  width: 70%;
  cursor: pointer;
  background: -webkit-gradient(linear, left top, left bottom, from(#5eb6e5), to(#2b89c4));
  background: -webkit-linear-gradient(top, #5eb6e5 0%, #2b89c4 100%);
  background: -o-linear-gradient(top, #5eb6e5 0%, #2b89c4 100%);
  background: linear-gradient(to bottom, #5eb6e5 0%, #2b89c4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5eb6e5', endColorstr='#2b89c4', GradientType=0);
}

.shortContact .btnLogin input:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#2b89c4), to(#5eb6e5));
  background: -webkit-linear-gradient(top, #2b89c4 0%, #5eb6e5 100%);
  background: -o-linear-gradient(top, #2b89c4 0%, #5eb6e5 100%);
  background: linear-gradient(to bottom, #2b89c4 0%, #5eb6e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b89c4', endColorstr='#5eb6e5', GradientType=0);
}

.shortContact .btnEntry input {
  color: #fff;
  display: block;
  padding: 8px 30px;
  margin: auto;
  font-size: 14px;
  border-radius: 5px;
  border: none;
  width: 70%;
  cursor: pointer;
  background: url(../img/common/arrow_white.png) #e13030;
  background: -webkit-gradient(linear, left top, left bottom, from(#e13030), to(#bd3535));
  background: -webkit-linear-gradient(top, #e13030 0%, #bd3535 100%);
  background: -o-linear-gradient(top, #e13030 0%, #bd3535 100%);
  background: linear-gradient(to bottom, #e13030 0%, #bd3535 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e13030', endColorstr='#bd3535', GradientType=0);
}

.shortContact .btnEntry input:hover {
  background: url(../img/common/arrow_white.png) #bd3535;
  background: -webkit-gradient(linear, left top, left bottom, from(#bd3535), to(#e13030));
  background: -webkit-linear-gradient(top, #bd3535 0%, #e13030 100%);
  background: -o-linear-gradient(top, #bd3535 0%, #e13030 100%);
  background: linear-gradient(to bottom, #bd3535 0%, #e13030 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bd3535', endColorstr='#e13030', GradientType=0);
}

/*-----------------------------------------------------------------logBox*/
.logBox {
  border: #bbb 1px solid;
  background: rgba(0, 0, 0, 0.025);
  padding: 40px;
  text-align: center;
}

.logBox.white {
  border: none;
  background: none;
  padding: 0 0 40px;
  text-align: center;
}

.logBox.white.p0 {
  padding: 0;
}

.logBox .txtTitle {
  font-size: 24px;
  padding: 20px 0 40px;
  font-weight: normal;
  display: block;
}

.logBox .add.requiredMark {
  margin-bottom: 40px;
  text-align: left;
}

.logBox .txtLarge {
  font-size: 20px;
}

.txtError .txtLarge {
  font-size: 24px;
}

.logBox.white .txtTitle {
  padding: 20px 0 10px;
}

.logBox .txt01 {
  font-size: 16px;
  margin: 0 0 30px;
}

.logBox .txt02 {
  font-size: 16px;
  margin: 10px 0 0;
}

.btnGray {
  padding: 10px 30px;
  margin: 0 10px;
  display: inline-block;
  font-size: 14px;
  border-radius: 5px;
  background: #efefef;
  background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#e0e0e0));
  background: -webkit-linear-gradient(top, #efefef 0%, #e0e0e0 100%);
  background: -o-linear-gradient(top, #efefef 0%, #e0e0e0 100%);
  background: linear-gradient(to bottom, #efefef 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#e0e0e0', GradientType=0);
}

.btnBlue {
  padding: 10px 30px;
  margin: 0 10px;
  display: inline-block;
  font-size: 14px;
  border-radius: 5px;
  background: #5eb6e5;
  background: -webkit-gradient(linear, left top, left bottom, from(#5eb6e5), to(#2b89c4));
  background: -webkit-linear-gradient(top, #5eb6e5 0%, #2b89c4 100%);
  background: -o-linear-gradient(top, #5eb6e5 0%, #2b89c4 100%);
  background: linear-gradient(to bottom, #5eb6e5 0%, #2b89c4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5eb6e5', endColorstr='#2b89c4', GradientType=0);
  border: none;
  cursor: pointer;
}

.btnBlue :hover {
  text-decoration: underline;
}

.btnRed {
  padding: 10px 30px;
  margin: 0 10px;
  display: inline-block;
  font-size: 14px;
  border-radius: 5px;
  background: #e13030;
  background: -webkit-gradient(linear, left top, left bottom, from(#e13030), to(#bd3535));
  background: -webkit-linear-gradient(top, #e13030 0%, #bd3535 100%);
  background: -o-linear-gradient(top, #e13030 0%, #bd3535 100%);
  background: linear-gradient(to bottom, #e13030 0%, #bd3535 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e13030', endColorstr='#bd3535', GradientType=0);
}

a.btnBlue,
a.btnRed {
  color: #fff;
}

.txtRead {
  font-size: 16px;
  padding: 0 0 20px;
}

.txtData {
  font-size: 16px;
  margin: -20px 0 20px;
}

.txtError {
  font-size: 14px;
  background: #f8ebea;
  border: #f0cbc9 1px solid;
  color: #be3932;
  padding: 20px 30px;
  line-height: 2;
  margin: 0 0 40px;
  text-align: center;
}

.txtLeft {
  text-align: left;
}

.txtError strong {
  font-size: 16px;
  margin: 20px 0 10px;
  display: inline-block;
}

.txtError li {
  padding: 5px 0 5px 15px;
  line-height: 1.5;
  position: relative;
}

.txtError li::before {
  content: "・";
  left: 0;
  position: absolute;
}

/*------------------------------------------------------------
製品一覧
------------------------------------------------------------*/
/*-----------------------------------------------------------------searchNameBox*/
.searchNameBox {
  border-top: #cc403b 2px solid;
  background: #f4f4f4;
  padding: 30px 20px;
  margin: 0 0 40px;
}

.searchNameBox .searchName {
  float: left;
}

.searchNameBox .searchName p {
  font-size: 16px;
  padding: 10px 0 0;
}

.searchNameBox .searchName ul {
  display: inline-block;
  padding: 0 0 0 20px;
}

.searchNameBox .searchName li {
  display: inline-block;
  border: #bbb 1px solid;
  background: #fff;
  padding: 2px 15px;
  font-size: 14px;
}

.searchBar {
  float: right;
}

.searchBar .text {
  vertical-align: top;
  border: #bbb 1px solid;
  border-radius: 5px 0 0 5px;
  font-size: 16px;
  padding: 5px 10px;
  height: 44px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 330px;
}

.searchBar .btn {
  vertical-align: top;
  border: #cb3f3a 1px solid;
  border-radius: 0 5px 5px 0;
  background: #cb3f3a url(../img/common/ico_search.png) no-repeat 11px 8px;
  width: 50px;
  height: 44px;
  background-size: 26px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 0 -3px;
  cursor: pointer;
}

.sidebarBtn {
  display: none;
}

.contents {
  float: right;
  width: 721px;
  font-size: 16px;
}

.contents .pageInfo {
  padding: 0 0 5px;
}

.contents .hit {
  float: left;
}

.contents .hit span {
  font-size: 14px;
}

.contents span .number {
  font-size: 20px;
  font-weight: bold;
  padding: 0 5px 0 0;
}

.contents .sort {
  float: right;
}

.contents .order {
  float: left;
  font-size: 14px;
}

.contents .order select,
.contents .display select {
  padding: 2px;
  font-size: 14px;
}

.contents .display {
  float: left;
  font-size: 14px;
  margin: 0 0 0 20px;
}

.contents .mainTable {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 30px;
}

.contents .mainTable th:nth-child(1) {
  width: 10%;
}

.contents .mainTable th:nth-child(2) {
  width: 42%;
}

.contents .mainTable th:nth-child(3) {
  width: 20%;
}

.contents .mainTable th:nth-child(4) {
  width: 18%;
}

.contents .mainTable th:nth-child(5) {
  width: 10%;
}

.contents th {
  background: #f4f4f4;
  border: #bbb 1px solid;
  font-weight: normal;
  text-align: center;
  padding: 5px 10px;
}

.contents th:nth-child(1) {
  width: 10%;
}

.contents th:nth-child(2) {
  width: 45%;
}

.contents th:nth-child(3) {
  width: 15%;
}

.contents th:nth-child(4) {
  width: 16%;
}

.contents th:nth-child(5) {
  width: 9%;
}

.contents th span {
  font-size: 12px;
}

.contents td {
  border: #bbb 1px solid;
  padding: 10px;
}

.contents td.type span {
  display: block;
  font-size: 12px;
  color: #999;
}

.contents td.type,
.contents td.time,
.contents td.ico,
.contents td.check {
  text-align: center;
  word-break: break-all;
  table-layout: fixed;
}

.contents td.time {
  white-space: nowrap;
}

.contents td.txt ul li {
  float: left;
}

.bulkBtnBox.fixed {
  position: fixed;
  bottom: 0;
  width: 721px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.typeList li {
  border-bottom: #bbb 1px solid;
}

.typeList li:last-child {
  border: none;
}

.bulkBtnBox {
  background: #f4f4f4;
  padding: 20px 25px 20px 15px;
  z-index: 10;
}

.bulkBtnBox p {
  float: left;
  font-size: 14px;
}

.bulkBtnBox p span {
  color: #cc403b;
}

.bulkBtnBox ul {
  float: right;
  margin: 4px 0 0;
}

.bulkBtnBox ul li {
  float: left;
}

.contents td ul li:first-child {
  margin: 0 5px 5px 0;
}

.bulkBtnBox ul li:first-child {
  margin: 0 10px 0 0;
}

.contents td ul li:first-child a,
.bulkBtnBox ul li:first-child a {
  background: #bf3434 url(../img/index/link01_bg.jpg) repeat-x left top;
}

.contents td ul li a.select,
.bulkBtnBox ul li a.select {
  background: #e5e5e5;
  color: #777;
  padding: 6px 36px 6px 12px;
}

.contents td ul li a.select span:after,
.bulkBtnBox ul li a.select span:after {
  width: 1px;
  background: #ccc;
}

.contents td ul li a.select:after,
.bulkBtnBox ul li a.select:after {
  width: 10px;
  height: 1px;
  position: absolute;
  background: url(../img/common/sp_icon01.gif) no-repeat left top;
  top: 11px;
  right: 7px;
  content: " ";
  opacity: 0.5;
}

.contents td ul li:first-child .select,
.bulkBtnBox ul li:first-child .select {
  background: #fdeded;
  color: #ea7f7f;
  padding: 7px 12px;
  display: block;
  font-size: 12px;
  line-height: 1;
  border-radius: 4px;
  text-align: center;
}

.bulkBtnBox ul li:first-child a {
  padding: 10px 36px 10px 15px;
}

.contents td ul li:first-child a:after,
.bulkBtnBox ul li:first-child a:after {
  width: 12px;
  height: 12px;
  background-image: url(../img/common/icon18.png);
  background-size: 10px 12px;
  top: 7px;
  right: 7px;
}

.contents td ul li:first-child a.icoView:after,
.bulkBtnBox ul li:first-child a.icoView:after {
  width: 17px;
  height: 12px;
  background: url(../img/common/ico_view.png) no-repeat;
  background-size: 16px;
  top: 7px;
  right: 4px;
}

.contents td ul li:first-child a.icoView.select:after,
.bulkBtnBox ul li:first-child a.icoView.select:after {
  background: none;
}

.contents td ul li a,
.bulkBtnBox ul li a {
  padding: 6px 36px 6px 12px;
  position: relative;
  display: block;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  behavior: url(/js/pie.htc);
  border-radius: 4px;
  background: #020202 url(../img/index/link02_bg.jpg) repeat-x left top;
}

.contents td ul li a:hover,
.bulkBtnBox ul li a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.bulkBtnBox ul li a {
  padding: 10px 36px 10px 10px;
  font-size: 14px;
}

.contents td ul li a:after,
.bulkBtnBox ul li a:after {
  width: 9px;
  height: 9px;
  position: absolute;
  background: url(../img/common/icon19.gif) no-repeat left top;
  top: 8px;
  right: 9px;
  content: " ";
}

.contents .bulkBtnBox ul li:first-child a:after,
.bulkBtnBox ul li a:after {
  top: 12px;
}

.contents td ul li:first-child a span:after,
.bulkBtnBox ul li:first-child a span:after {
  background-image: url(../img/common/line01.gif);
}

.contents td ul li:first-child a.select span:after,
.bulkBtnBox ul li:first-child a.select span:after {
  background: none;
}

.contents td ul li a span:after,
.bulkBtnBox ul li a span:after {
  width: 2px;
  height: 17px;
  position: absolute;
  background: url(../img/common/line02.gif) no-repeat left top;
  top: 4px;
  right: 25px;
  content: " ";
}

.bulkBtnBox ul li a span:after {
  top: 8px;
}

.contents .infoBox .branch {
  padding: 0 8px 0 0;
  white-space: nowrap;
}

.contents .infoBox .lang {
  white-space: nowrap;
  padding: 0 8px 0 0;
  font-size: 14px;
}

.contents .infoBox .info {
  display: block;
  font-size: 14px;
  margin: 0 0 5px;
  color: #999;
}

.contents .infoBox p {
  font-size: 14px;
}

.contents .infoBox a span {
  font-size: 12px;
}

.series {
  padding: 0 7px 0 0;
}

/*--------------------------------------------------------------------------------------sidebar*/
.sidebar {
  float: left;
  width: 255px;
  font-size: 16px;
}

.sidebar.heigtDown {
  margin: 35px 0 0;
}

.sidebar form {
  margin: 0 0 30px;
}

.sidebar form span {
  font-size: 12px;
  padding: 0 0 0 5px;
  color: #999;
}

.sidebar .number {
  color: #cc403b;
  font-size: 24px;
  font-weight: bold;
  padding: 0 5px 0 0;
}

.sidebar .optioneBox {
  border-top: #cc403b 2px solid;
  background: #f4f4f4;
  padding: 5px;
}

.sidebar .optioneBox .arrowTitle {
  background: url(../img/common/icon03.gif) no-repeat 0px 11px;
  padding: 5px 25px 5px 20px;
  position: relative;
}

.sidebar .optioneBox .optionInner.none {
  display: none;
}

.sidebar .optioneBox .optionInner,
.sidebar .optioneBox .optionInnerLink {
  background: #fff;
}

.sidebar .optioneBox .optionInner.select {
  padding: 10px;
}

.sidebar .optioneBox .optionInner.select select {
  width: 100%;
  padding: 5px;
}

.sidebar li {
  padding: 10px 0 10px 35px;
  border-bottom: #bbb 1px solid;
}

.sidebar li,
td.check {
  position: relative;
}

.sidebar .optioneBox .optionInnerLink li {
  padding: 0;
}

.sidebar .optioneBox .optionInnerLink a {
  padding: 10px;
  display: block;
}

.sidebar .optioneBox .optionInnerLink a.active {
  background: #f4f4f4;
  font-weight: bold;
}

.sidebar .optioneBox .optionInnerLink a:hover {
  background: #aaa;
  color: #fff;
  text-decoration: none;
}

.sidebar .optioneBox .optionInnerLink a:hover span {
  color: #fff;
}

.sidebar input,
td.check input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  cursor: pointer;
  margin: 0;
  z-index: 1;
}

.sidebar ul li input {
  height: 100%;
}

.sidebar ul ul li input {
  height: 44px;
}

td.check input {
  height: 100%;
}

.sidebar .searchToggle input {
  width: 90%;
}

td.check input {
  width: 100%;
}

.sidebar input[type="checkbox"] + label {
  position: relative;
}

.sidebar input[type="checkbox"] + label::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/common/check_off.png) no-repeat;
  background-size: 16px;
  position: absolute;
  top: 4px;
  left: -25px;
}

td.check input[type="checkbox"] + label::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/common/check_off.png) no-repeat;
  background-size: 16px;
}

.sidebar input[type="checkbox"]:checked + label::before,
td.check input[type="checkbox"]:checked + label::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/common/check_on.png) no-repeat;
  background-size: 16px;
}

.sidebar input[type="checkbox"] + label::before {
  background: url(../img/common/check_off.png) no-repeat;
  background-size: 16px;
}

.optionInner ul ul li {
  padding: 10px 25px 10px 50px;
}

td.check input[type="checkbox"] + label span,
.optionInner ul ul ul,
.optionInner .none {
  display: none;
}

.optionInner ul ul ul li {
  padding: 10px 0 10px 25px;
}

.optionInner ul ul ul li:last-child {
  border: none;
}

.sidebar .optioneBox .searchToggle {
  content: "";
  position: absolute;
  background: url(../img/common/sp_icon02.gif) no-repeat top 18px right 10px;
  background-size: 8px;
  display: block;
  width: 30px;
  height: 44px;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 10;
}

.sidebar .optioneBox .searchToggle.open {
  background: url(../img/common/sp_icon01.gif) no-repeat top 18px right 10px;
  background-size: 10px;
  top: 3px;
  right: -1px;
}

.sidebar .optioneBox .arrowTitle.titleToggle::after {
  content: "";
  position: absolute;
  background: url(../img/common/sp_icon02.gif) no-repeat top 18px right 15px;
  background-size: 8px;
  display: block;
  width: 44px;
  height: 44px;
  top: -5px;
  right: -5px;
}

.sidebar .optioneBox .arrowTitle.titleToggle {
  cursor: pointer;
}

.sidebar .optioneBox .arrowTitle.titleToggle.open::after {
  background: url(../img/common/sp_icon01.gif) no-repeat top 20px right 14px;
  background-size: 10px;
}

@media all and (-ms-high-contrast: none) {
  .sidebar li,
  td.check {
    overflow: hidden;
  }
  td.check input {
    height: 9999px;
  }
}

/*---------------------------------------------------------------------------------------overlay*/
#overlay,
#overlaySearch {
  position: fixed;
  z-index: 10;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background: 10px 10px no-repeat rgba(0, 0, 0, 0.8);
  display: none;
}

#overlaySearch {
  background: 10px 10px no-repeat rgba(0, 0, 0, 0.01);
}

.modalBox {
  width: 50vw;
  margin: -25vh 0 0 -25vw;
  padding: 40px 20px;
  background: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  text-align: center;
  z-index: 11;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
}

.modalBox .message {
  font-size: 20px;
  margin: 0 0 20px;
}

.modalBox .btnRed {
  padding: 2vh 8vw;
  margin: 0 0 20px;
}

.modalBox .txtMin {
  font-size: 16px;
  margin: 0 0 20px;
}

.modalBox.error {
  background: #fff;
  border: #f0cbc9 1px solid;
  color: #be3932;
}

.modalBox.error .message {
  font-size: 18px;
  margin: 0 0 30px;
  font-weight: bold;
}

.modalBox .message span,
.modalBox.error .message span {
  font-size: 30px;
  padding: 0 5px;
}

.modalBox.error .btnRed {
  padding: 2vh 8vw;
  margin: 0 0 20px;
}

.modalBox.error .btnGray {
  margin: 0;
}

/*---------------------------------------------------------------------------------------bnrArea*/
.sidebar .bnrArea li {
  padding: 0;
}

.pagerBox {
  text-align: center;
  margin: 0 0 30px;
}

.pagerBox p {
  font-size: 12px;
}

.pagerBox ul {
  margin: 10px 0 0;
}

.pagerBox li {
  display: inline-block;
}

.pagerBox a,
.pagerBox span {
  border: #bbb 1px solid;
  padding: 3px 10px;
  display: inline-block;
}

.pagerBox span {
  background: #aaa;
  color: #fff;
  border: #999 1px solid;
}

.contactBtnBox {
  border: #f4f4f4 5px solid;
  padding: 15px;
  margin: 30px 0 0;
}

.contactBtnBox a.mailBtn,
.contactBtnBox a.dataBtn {
  padding: 10px 45px 10px 75px;
  position: relative;
  display: block;
  color: #373737;
  border: #bbb 1px solid;
  border-radius: 6px;
  behavior: url(/js/pie.htc);
  background: #e3e3e3 url(../img/index/link03_bg.jpg) repeat-x left top;
  width: 50%;
  margin: auto;
  text-align: center;
}

.contactBtnBox a.dataBtn {
  padding: 10px 45px 10px 95px;
}

.contactBtnBox a.mailBtn span,
.contactBtnBox a.dataBtn span {
  padding: 0 10px 0 0;
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: bold;
  border-right: #bbb 1px solid;
}

.contactBtnBox a.mailBtn span::before {
  width: 18px;
  height: 14px;
  position: absolute;
  background: url(../img/common/icon21.gif) no-repeat left top;
  top: 5px;
  left: 0;
  content: " ";
}

.contactBtnBox a.dataBtn span::before {
  width: 24px;
  height: 24px;
  position: absolute;
  background: url(../img/common/icon23.png) no-repeat left top;
  background-size: 24px;
  top: 0;
  left: -35px;
  content: " ";
}

.contactBtnBox a.mailBtn span::after,
.contactBtnBox a.dataBtn span::after {
  width: 8px;
  height: 9px;
  position: absolute;
  background: url(../img/common/icon20.gif) no-repeat left top;
  top: 9px;
  right: -27px;
  content: " ";
}

/*-----------------------------------------------------------------listArea*/
.listArea {
  margin: 0 0 30px;
}

.listArea .infoList {
  float: left;
  border: #bbb 1px solid;
  border-right: none;
  border-left: none;
  border-top: none;
}

.listArea .infoList:hover {
  background: #fafafa;
}

.listArea .infoList a {
  padding: 20px;
  width: 320px;
  display: inline-block;
}

.listArea .infoList:nth-child(odd) {
  border-right: #bbb 1px solid;
}

.listArea .infoList:nth-last-child(1),
.listArea .infoList:nth-last-child(2) {
  border-bottom: none;
}

.listArea .infoList .infoDetail {
  float: left;
  width: 220px;
}

.listArea .infoList .infoDetail p {
  font-size: 14px;
}

.listArea dl {
  font-size: 14px;
}

.listArea dt {
  float: left;
  padding: 0 5px 0 0;
}

.listArea .infoPhoto img {
  max-width: 90px;
  max-height: 110px;
}

/*--------------------------------------------------------------------prodact*/
.prodact {
  margin: 0 0 50px;
}

.prodact .txtLarge {
  font-size: 40px;
  font-weight: normal;
  float: left;
  width: 560px;
  margin: 0 0 20px;
  line-height: 1.25;
}

.prodact .txtLarge span {
  font-size: 18px;
  color: #999;
  padding: 0 0 0 2px;
  display: block;
}

.prodact .photoRight {
  float: right;
  width: 400px;
  text-align: center;
}

.prodact .txtLeft {
  float: left;
  font-size: 16px;
  width: 560px;
}

.prodact p {
  margin: 0 0 50px;
}

.prodact dl {
  margin: 0 0 20px;
}

.prodact dt {
  float: left;
  padding: 3px 15px 3px 0;
}

.prodact dd {
  padding: 3px 0;
}

.prodact a {
  display: inline-block;
  padding: 0 2px;
  text-decoration: underline;
}

.prodact a:hover {
  text-decoration: none;
}

.dataBox {
  margin: 0 0 35px;
}

.dataBox p {
  font-size: 16px;
}

/*--------------------------------------------------------------------use*/
.pageLink {
  font-size: 16px;
  margin: 0 0 40px;
}

.pageLink li {
  background: url(../img/common/icon03.gif) no-repeat top 50% left 6px;
  padding: 0 25px 0 20px;
  display: inline-block;
}

.pageLink li:last-child {
  padding: 0 0 0 20px;
}

.pageLink li.icoPdf {
  background: none;
  background-size: 20px;
  padding: 0;
}

.pageLink li.flame a {
  border: #ddd 2px solid;
  padding: 15px 10px;
  display: block;
}

.pageLink li.icoPdf a::before {
  content: "";
  background: url(../img/common/ico_pdf.png) no-repeat;
  background-size: 19px;
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: 0 4px -4px 0;
}

.useBox {
  font-size: 16px;
  margin: 0 0 60px;
}

.useBox p {
  float: left;
  width: 560px;
  line-height: 1.75;
}

.useBox .txtMin {
  margin: 30px 0 0;
  font-size: 14px;
  display: block;
}

.useBox img,
.useBox .imgBox {
  float: right;
  width: 400px;
}

.useBox .imgBox img {
  float: none;
}

/*20170327 追加a*/
.text01 {
  font-size: 16px;
  margin: 20px 0 0 0;
  text-align: center;
}

.text02 {
  font-size: 16px;
  margin: 20px 0;
  text-align: left;
}

.text02 p {
  padding: 0 0 10px;
}

.text02 ul {
  font-size: 14px;
}

/*20170530 追記*/
.clickTip,
.mouseOnTip {
  position: relative;
  display: inline-block;
  cursor: pointer;
  text-decoration: underline;
  white-space: nowrap;
}

.clickTip:hover,
.mouseOnTip:hover {
  text-decoration: none;
}

.toolTip {
  display: none;
  position: absolute;
  top: 25px;
  left: 0;
  background: #fff;
  padding: 10px 20px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  font-size: 13px;
  color: #282828;
  z-index: 10;
  width: 160px;
  max-height: 340px;
  overflow: auto;
}

.msgTable .toolTip {
  top: 15px;
}

.msgTable .mouseOnTip .toolTip {
  top: -60px;
  width: auto;
  overflow: inherit;
}

.mouseOnTip .toolTip li {
  width: auto !important;
  white-space: nowrap;
}

.toolTip::-webkit-scrollbar {
  width: 3px;
}

.toolTip::-webkit-scrollbar-thumb {
  background: #aaa;
}

.toolTip li {
  border-bottom: #bbb 1px solid;
  margin: 0 !important;
  word-wrap: break-word;
  width: 150px !important;
  white-space: initial;
  text-align: center;
}

.toolTip li:last-child {
  border: none;
}

.btnTop {
  position: fixed;
  bottom: 80px;
  right: 15px;
  border: rgba(255, 255, 255, 0.15) 1px solid;
  border-radius: 5px;
  z-index: 10;
  background: #393939;
}

.btnTop a:hover {
  opacity: .7;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  .toolTip:before {
    content: none;
  }
  /* IE11 */
}

/*20170602 追記*/
/*記述の順番に注意*/
.ico01 {
  background: url(../img/common/ico_01_sprite.png) no-repeat;
}

.ico02 {
  background: url(../img/common/ico_02_sprite.png) no-repeat;
}

.ico03 {
  background: url(../img/common/ico_03_sprite.png) no-repeat;
}

.ico04 {
  background: url(../img/common/ico_04_sprite.png) no-repeat;
}

.ico05 {
  background: url(../img/common/ico_05_sprite.png) no-repeat;
}

.ico06 {
  background: url(../img/common/ico_06_sprite.png) no-repeat;
}

.ico07 {
  background: url(../img/common/ico_07_sprite.png) no-repeat;
}

.ico08 {
  background: url(../img/common/ico_08_sprite.png) no-repeat;
}

a:hover .ico01,
a:hover .ico02,
a:hover .ico03,
a:hover .ico04,
a:hover .ico05,
a:hover .ico06,
a:hover .ico07,
a:hover .ico08,
a:hover .icoSprite {
  background-position: -36px 0 !important;
}

.icoSprite {
  display: inline-block;
  width: 36px;
  height: 36px;
  background-size: 108px 36px;
}

.ruleBox {
  font-size: 16px;
  margin: 0 0 60px;
}

.ruleBox a {
  text-decoration: underline;
}

.ruleBox a:hover {
  text-decoration: none;
}

.ruleBox p {
  margin: 0 0 10px;
}

.ul01 > li {
  text-indent: -32px;
  margin: 0 0 10px 32px;
}

.ul02 > li {
  text-indent: -47px;
  margin: 0 0 10px 39px;
}

.dateTxt {
  font-size: 14px;
  margin: 0 0 10px;
  text-align: right;
}

@media all and (min-width: 0) and (max-width: 767px) {
  #main {
    padding: 65px 15px 0;
  }
  #main.pan {
    padding: 60px 15px 0;
  }
  #main .mainBox,
  #main .mainBoxS {
    width: auto;
  }
  #main .linkBox {
    margin-bottom: 40px;
  }
  #main .linkBox .linkUl,
  .tabBox01 {
    margin: 0 0 8px;
    padding: 4px 3px;
    background-color: #434343;
    border-radius: 3px;
  }
  #main .linkBox .linkUl li,
  .tabBox01 li {
    padding: 0 2px;
    margin-right: 0;
    width: 33.3% !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
  }
  #main .linkBox .linkUl li a,
  .tabBox01 li a {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 40px;
    display: table;
    table-layout: fixed;
    position: relative;
    color: #fff;
    font-size: 10px;
    line-height: 1.2;
    border-radius: 3px;
    background: #4d4d4d;
    background-size: 7px 3px;
    border: none;
  }
  #main .linkBox .linkUl li a span,
  .tabBox01 li a span {
    padding: 6px 6px 9px;
    width: 100%;
    height: 25px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }
  #main .linkBox .linkUl li a:after,
  .tabBox01 li a:after {
    margin-left: -3.5px;
    position: absolute;
    left: 50%;
    bottom: 3px;
    width: 7px;
    height: 5px;
    background: url(../img/common/sp_icon04.gif) no-repeat center center;
    background-size: 6px auto;
    content: ' ';
  }
  #main .linkBox .linkUl li a:hover,
  #main .linkBox .linkUl .select a,
  .tabBox01 a:hover,
  .tabBox01 .select a {
    padding: 0;
    margin: 0;
    color: #434343;
    background: #fff;
    border-bottom: none;
  }
  #main .linkBox .linkUl li a:hover:after,
  #main .linkBox .linkUl .select a:after,
  .tabBox01 li a:hover:after,
  .tabBox01 .select a:after {
    background: url(../img/common/sp_icon04_over.gif) no-repeat center center;
    background-size: 6px auto;
  }
  #main .linkBox .tabBox {
    border: none;
    margin: 0;
  }
  #main .linkBox .areaBox {
    margin-top: 0;
    padding: 0;
    border: none;
    background: none;
  }
  #main .linkBox .areaBox .phoLink.open a span {
    color: #cb3f3a;
    font-size: 16px;
  }
  #main .linkBox .areaBox > div {
    margin-bottom: 7px;
    padding: 12px 5px;
    position: relative;
    width: auto;
    float: none;
    border: #bbb 1px solid;
    border-radius: 4px;
  }
  #main .linkBox .areaBox > div:nth-child(4),
  #main .linkBox .areaBox > div:nth-child(8),
  #main .linkBox .areaBox > div:nth-child(12) {
    border: #bbb 1px solid;
  }
  #main .linkBox .areaBox .phoLink {
    padding-left: 10px;
  }
  #main .linkBox .areaBox .area .phoLink a:after {
    width: 10px;
    height: 10px;
    position: absolute;
    background: url(../img/common/sp_icon02.gif) no-repeat left top;
    background-size: 10px 10px;
    right: 15px;
    top: 25%;
    content: " ";
  }
  #main .linkBox .areaBox .area .phoLink.open a:after {
    width: 10px;
    height: 2px;
    position: absolute;
    background: url(../img/common/sp_icon01.gif) no-repeat left top;
    right: 15px;
    top: 35%;
    content: " ";
  }
  #main .linkBox .areaBox .phoLink a span {
    padding: 0 40px 0 0;
    position: static;
    display: block;
    bottom: 0;
    right: 0;
    color: #262626;
    font-size: 16px;
    background: none;
    text-align: left;
  }
  #main .linkBox .areaBox .phoLink a:hover {
    text-decoration: none;
  }
  #main .linkBox .areaBox .linkList {
    margin-top: 18px;
    display: none;
  }
  #main .linkBox .areaBox .linkList02 {
    margin-top: 18px;
  }
  #main .linkBox .areaBox .linkList li,
  #main .linkBox .areaBox .linkList02 li {
    padding: 0 10px 12px 28px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #main .linkBox .areaBox .open .linkList,
  #main .linkBox .areaBox .open .linkList02 {
    display: block;
  }
  #main .linkBox .areaBox .titleBar02 {
    font-size: 16px;
    padding: 0 10px;
  }
  #main .linkBox .tabBox.inner {
    padding: 0;
  }
  #main .linkBox .tabBox .titleBar {
    font-size: 16px;
    padding: 3px 0 5px 10px;
    margin: 0 0 10px;
  }
  #main .linkBox .tabBox .selectBox {
    width: 100%;
    padding: 0;
  }
  #main .linkBox .tabBox .selectBox select {
    width: 100%;
    padding: 10px 20px;
    font-size: 16px;
  }
  .tabBox .selectArea {
    display: block;
  }
  .tabBox .selectArea .selectFlex {
    width: 100%;
    margin: 0 0 6%;
  }
  #main .linkBox .tabBox li {
    width: 100%;
    padding: 0 0 12px 0;
  }
  #main .linkBox .tabBox .link {
    margin: 15px auto 0;
  }
  #main .linkBox .tabBox .area:last-child {
    margin: 0;
  }
  .lineTitle {
    margin-bottom: 14px;
    padding-bottom: 6px;
    border-bottom: 3px solid #e2e2e2;
  }
  .lineTitle:before {
    height: 3px;
    width: 3px;
    bottom: -3px;
  }
  .lineTitle img {
    margin-bottom: 0;
    width: 73px;
    float: left;
  }
  .lineTitle span {
    margin: 0 0 0 85px;
    font-size: 10px;
    display: block;
  }
  #main .linkBox .subBox {
    margin-top: 0;
    padding: 10px 0 0;
    border: #bbb 1px solid;
    border-radius: 4px;
  }
  #main .subBox .ttl {
    margin: 0;
    padding: 0 15px 4px;
    display: block;
    color: #cb3f3a;
    font-size: 15px;
    font-weight: bold;
  }
  #main .subBox .iterm li {
    padding: 10px;
  }
  #main .subBox .iterm li a {
    padding: 0;
    display: block;
    border-bottom: none;
  }
  #main .subBox .iterm li span {
    margin: 0 18px 0 0;
  }
  #main .subBox .iterm li a span {
    margin: 0 18px 0 7px;
  }
  #main .subBox .iterm li a .txt {
    margin-left: 0;
  }
  #main .subBox .iterm .active a {
    background: #fafafa;
  }
  #main .subBox .iterm .active a:after {
    margin-top: -6px;
    width: 7px;
    height: 12px;
    position: absolute;
    background: url(../img/common/sp_icon05.gif) no-repeat left top;
    background-size: 7px 12px;
    right: 14px;
    top: 50%;
    content: " ";
  }
  #main .subBox table,
  #main .subBox .msgTable {
    margin-bottom: 0;
  }
  #main .subBox tbody tr {
    padding: 10px;
    display: block;
    zoom: 1;
    border-top: #bbb 1px solid;
  }
  #main .subBox .msgTable td,
  #main .subBox td {
    padding: 6px 6px 7px;
    display: block;
    width: 100% !important;
    border: none;
    font-size: 9px;
  }
  #main .subBox th {
    display: none;
  }
  #main .subBox td:first-child {
    float: left;
    width: 20% !important;
  }
  #main .subBox td:nth-child(2) {
    float: left;
    width: 14% !important;
  }
  #main .subBox td:nth-child(3) {
    clear: both;
  }
  #main .subBox td ul {
    margin: 10px -6px 0 -6px;
  }
  #main .subBox td li {
    width: 46.5%;
  }
  #main .subBox td li:first-child {
    margin-right: 3%;
  }
  #main .subBox td li:first-child a.select {
    font-size: 10px;
    padding: 10px 14px;
    text-align: left;
  }
  #main .subBox td li a {
    padding: 10px 14px;
    font-size: 10px;
    border: none;
    border-radius: 4px;
    background: #434343;
  }
  #main .subBox td li a:after {
    width: 7px;
    height: 7px;
    background-image: url(../img/common/sp_icon19.gif);
    background-size: 7px 7px;
    top: 12px;
  }
  #main .subBox td li span.select {
    padding: 11px 12px;
    font-size: 10px;
  }
  #main .subBox td li a span:after {
    width: 1px;
    height: 13px;
    background-image: url(../img/common/sp_line02.gif);
    top: -2px;
    right: 20px;
  }
  #main .subBox td li:first-child a {
    border: none;
    background: #cc403b;
  }
  #main .subBox td li:first-child a:after {
    width: 10px;
    background-image: url(../img/common/sp_icon18.gif);
    background-size: 10px 13px;
    top: 9px;
    right: 10px;
  }
  #main .subBox td li:first-child a span:after {
    background-image: url(../img/common/sp_line01.gif);
  }
  #main .subBox td li a:hover {
    filter: alpha(opacity=100);
    opacity: 1;
  }
  #main .subBox td.wid01,
  #main .subBox .msgTable td.wid01 {
    padding: 0;
  }
  #main .subBox .msgTable01 {
    margin-bottom: 0;
  }
  #main .subBox .msgTable .special {
    background-color: #fff;
  }
  #main .subBox .bulkBtnBox {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4%;
  }
  #main .subBox .bulkBtnBox ul {
    display: block;
  }
  #main .linkBox01 {
    margin-bottom: 15px;
  }
  #main .wrap {
    margin: 0 -15px;
    padding: 25px 15px;
    background-color: #eee;
  }
  #main .link {
    width: auto;
  }
  #main .link a {
    padding: 10px 37px 10px 24px;
    color: #fff;
    border: none;
    border-radius: 6px;
    background: #959595;
  }
  #main .link a span {
    padding: 2px 0 3px 27px;
    font-size: 15px;
    border-right: none;
    background: url(../img/common/sp_icon07.gif) no-repeat right top;
    background-size: 2px 30px;
  }
  #main .link a span:before {
    width: 21px;
    height: 15px;
    background-image: url(../img/common/sp_icon21.gif);
    background-size: 21px 15px;
    top: 6px;
    left: 0;
  }
  #main .link a:after {
    width: 7px;
    height: 10px;
    background-image: url(../img/common/sp_icon20.gif);
    background-size: 7px 10px;
    right: 15px;
  }
  #main .link a:hover {
    filter: alpha(opacity=100);
    opacity: 1;
  }
  .typeList {
    overflow: hidden;
  }
  /*-----------------------------------------------------------------pager*/
  .pager {
    margin: 20px 0;
  }
  .pager ul li {
    margin: 0 3px;
  }
  .pager ul li span,
  .pager ul li a {
    font-size: 14px;
    padding: 4px 10px;
  }
  /*-----------------------------------------------------------------contact*/
  .contact dl {
    display: table;
    width: 100%;
  }
  .contact dt {
    width: 100%;
    display: block;
    border-right: #bbb 1px solid;
    padding: 10px 20px;
  }
  .contact dt span {
    top: 12px;
    left: 15px;
  }
  .contact dd,
  .contact input.wt75,
  .contact input.wt50 {
    width: 100%;
    display: block;
  }
  .contact dl:last-child dt {
    border-bottom: none;
  }
  .contact dl:last-child dd {
    border-bottom: #bbb 1px solid;
  }
  .contact dd label,
  .contact dd label input {
    width: 100%;
    display: block;
  }
  .contact dd label input {
    width: 90%;
    display: inline-block;
  }
  .contact .formBtn {
    padding: 8% 0;
  }
  .contact .formBtn input {
    width: 100%;
    padding: 4%;
    white-space: inherit;
  }
  .contact .txtLink {
    padding: 8% 0;
  }
  .contact .formBtn input.backBtn {
    width: 100%;
    margin: 0;
  }
  .contact .formBtn input.nextBtn {
    width: 100%;
    margin: 0;
    margin-bottom: 8%;
  }
  /*-----------------------------------------------------------------shortContact*/
  .shortContact .inner {
    width: auto;
    padding: 25px 15px;
  }
  .shortContact .btnLogin input,
  .shortContact .btnEntry input {
    width: 100%;
  }
  .shortContact p.pasword {
    padding: 0;
    margin: 4% 0 8%;
    font-size: 14px;
  }
  .txtError {
    padding: 15px;
    margin: 0 0 8%;
  }
  .logBox .txtTitle {
    font-size: 18px;
    text-align: left;
  }
  .btnGray {
    margin: 0 0 8%;
  }
  /*-----------------------------------------------------------------btnBox*/
  .btnBox {
    padding: 0;
  }
  .btnBox .btnMin {
    padding: 8% 10px 8% 0;
  }
  .btnBox .btnMin input {
    padding: 15px 25px;
  }
  .btnBox .formBtn input {
    padding: 15px 25px;
  }
  /*-----------------------------------------------------------------logBox*/
  .logBox {
    border: none;
    background: none;
    padding: 10px 0 20px;
    text-align: center;
  }
  .logBox .txtTitle {
    font-size: 20px;
    padding: 10px 0;
    margin: 0 0 20px;
    font-weight: normal;
    display: block;
    border: none;
  }
  .logBox .txtLarge,
  .text01 {
    text-align: left;
  }
  /*-----------------------------------------------------------------custom select*/
  .custom select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 0;
    margin: 0;
    padding: 0;
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 100%;
    padding: 0.6em 2.4em 0.6em 0.6em;
    font-size: 16px;
    border: #bbb 1px solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .custom {
    position: relative;
    margin: 0 0 7px;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafafa));
    background: -webkit-linear-gradient(top, #fff 0%, #fafafa 100%);
    background: -o-linear-gradient(top, #fff 0%, #fafafa 100%);
    background: linear-gradient(to bottom, #fff 0%, #fafafa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fafafa', GradientType=0);
  }
  .custom:nth-child(3),
  .custom:nth-child(6) {
    margin: 0 0 30px;
  }
  .custom:after {
    position: absolute;
    height: 20px;
    bottom: 12px;
    right: 15px;
    width: 1.8em;
    display: block;
    content: "";
    background: url("../img/common/arrow_select_black.png") center no-repeat;
    pointer-events: none;
    background-size: 15px 8px;
  }
  .contact dd .custom span {
    top: 12px;
    left: -60px;
  }
  .default .custom > select {
    width: auto;
  }
  .overflow .custom {
    overflow: visible;
  }
  .overflow .custom select {
    outline: 2px dotted rgba(255, 255, 0, 0.5);
  }
  .searchNameBox {
    margin: 0 -15px;
    padding: 15px;
  }
  .searchNameBox .searchName {
    float: none;
  }
  .searchNameBox .searchName p {
    padding: 0;
  }
  .searchBar {
    float: none;
    width: 100%;
    text-align: center;
  }
  .searchBar .text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 82%;
  }
  .searchBar .btn {
    display: inline-block;
    -webkit-appearance: none;
  }
  .contents {
    float: none;
    width: 100%;
  }
  .contents .pageInfo {
    padding: 4% 0;
  }
  .contents .hit {
    margin: 0 0 5px;
  }
  .contents .hit span {
    font-size: 12px;
  }
  .contents span .number {
    font-size: 16px;
  }
  .contents .order select,
  .contents .display select {
    font-size: 12px;
  }
  .contents .order {
    margin: 0 10px 5px 0;
  }
  .contents .display {
    font-size: 12px;
    margin: 0;
  }
  .contents .mainTable {
    margin: 0 0 15px;
  }
  .msgTable .toolTip {
    top: 10px;
  }
  .toolTip li {
    width: 100% !important;
  }
  .mainTable tr {
    border: #bbb 1px solid;
    display: table;
    width: 100%;
    margin: 0 0 15px;
  }
  .mainTable thead {
    display: none;
  }
  .mainTable td {
    border: none;
    display: inline-block;
  }
  .mainTable td.time,
  .mainTable td.time .mainTable td.ico,
  .mainTable td.check {
    text-align: left;
  }
  .mainTable td.time {
    display: block;
    border: #bbb 1px solid;
    border-left: none;
    border-right: none;
  }
  .mainTable td.ico {
    width: 15%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2%;
  }
  .mainTable td.ico img {
    width: 100%;
    height: auto;
  }
  .mainTable td.type {
    display: block;
    border-top: #bbb 1px solid;
  }
  .mainTable td.txt {
    width: 85%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: #bbb 1px solid;
    padding: 10px;
  }
  .mainTable td.check {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
  }
  .sidebar form,
  .bnrArea {
    display: none;
    margin: 0 0 15px;
  }
  .sidebar {
    float: none;
    width: 100%;
  }
  .bnrArea img {
    width: 100%;
    height: auto;
  }
  .bnrArea li {
    border: none;
  }
  td.check input[type="checkbox"] + label {
    padding: 0 0 0 25px;
    font-size: 14px;
    position: relative;
  }
  td.check input[type="checkbox"] + label span {
    display: inline-block;
  }
  td.check input[type="checkbox"] + label::before {
    position: absolute;
    top: 0;
    left: 0;
  }
  .sidebarBtn {
    border: #bbb 1px solid;
    padding: 15px;
    border-radius: 6px;
    margin: 15px 0;
    font-size: 16px;
    text-align: center;
    display: block;
    background: #fff url(../img/common/sp_icon02.gif) no-repeat top 20px right 16px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafafa)) url(../img/common/sp_icon02.gif) no-repeat top 20px right 16px;
    background: -webkit-linear-gradient(top, #fff 0%, #fafafa 100%) url(../img/common/sp_icon02.gif) no-repeat top 20px right 16px;
    background: -o-linear-gradient(top, #fff 0%, #fafafa 100%) url(../img/common/sp_icon02.gif) no-repeat top 20px right 16px;
    background: linear-gradient(to bottom, #fff 0%, #fafafa 100%) url(../img/common/sp_icon02.gif) no-repeat top 20px right 16px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fafafa', GradientType=0) url(../img/common/sp_icon02.gif) no-repeat top top 20px right 16px;
    background-size: 12px;
  }
  .sidebarBtn.open {
    background: #fff url(../img/common/sp_icon01.gif) no-repeat top 25px right 16px;
    background-size: 12px;
  }
  .bulkBtnBox.fixed {
    position: fixed;
    bottom: 51px;
    left: 0;
    width: 92%;
    margin: 0 4%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .bulkBtnBox {
    padding: 15px;
  }
  .bulkBtnBox p {
    float: none;
  }
  .bulkBtnBox ul {
    float: none;
    display: table;
    margin: 10px auto 0;
  }
  .bulkBtnBox ul li {
    float: none;
    width: 50%;
    padding: 0;
    display: table-cell;
  }
  .bulkBtnBox ul li:first-child {
    padding: 0 5px 0 0;
  }
  .bulkBtnBox ul li:first-child a {
    padding: 15px;
  }
  .bulkBtnBox ul li a {
    padding: 15px 0;
    text-align: center;
  }
  .bulkBtnBox a span {
    font-size: 12px;
  }
  .bulkBtnBox ul li:first-child a:after,
  .bulkBtnBox ul li:first-child a span:after,
  .bulkBtnBox ul li a span:after,
  .bulkBtnBox ul li a:after {
    content: none;
  }
  .contactBtnBox {
    padding: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 15px 0;
    border: none;
  }
  .contactBtnBox li:first-child {
    margin: 0 0 15px;
  }
  .contactBtnBox li {
    width: 100%;
  }
  .contactBtnBox a.mailBtn {
    padding: 10px 40px 10px 35px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .contactBtnBox a.mailBtn span::before {
    left: -25px;
  }
  .contactBtnBox a.dataBtn {
    padding: 10px 45px 10px 80px;
  }
  .contact .col2 dd,
  .contact .col3 dd,
  .contact .col4 dd {
    border-bottom: none;
    border-right: #bbb 1px solid;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .contact .col2 select,
  .contact .col3 select,
  .contact .col4 select {
    width: 100%;
  }
  .contact .col3 dd:last-child,
  .contact .col4 dd:last-child {
    border-bottom: #bbb 1px solid;
  }
  .contact .col2:nth-child(1) dd:nth-child(2) {
    padding: 20px;
  }
  /*-----------------------------------------------------------------listArea*/
  .listArea .infoList {
    width: 100%;
  }
  .listArea .infoList a {
    float: none;
    width: 100%;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .listArea .infoList:nth-child(odd) {
    border-right: none;
  }
  .listArea .infoList:nth-last-child(2) {
    border-bottom: #bbb 1px solid;
  }
  .listArea .infoList .infoDetail {
    display: table-cell;
    width: 70%;
    vertical-align: top;
  }
  .listArea .infoPhoto {
    display: table-cell;
    width: 25%;
    vertical-align: top;
  }
  .listArea .infoPhoto img {
    width: 100%;
  }
  /*--------------------------------------------------------------------prodact*/
  .prodact {
    margin: 15px 0 50px;
  }
  .prodact .txtLarge {
    float: none;
    width: 100%;
    font-size: 28px;
    padding: 0 18px 3px;
    border-bottom: #ccc 1px dashed;
    font-weight: normal;
    position: relative;
    margin: 0 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .prodact .txtLarge::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 35px;
    background: #cb3f3a;
    position: absolute;
    top: 3px;
    left: 0;
  }
  .prodact .photoRight {
    float: none;
    width: 100%;
    margin: 0 0 30px;
  }
  .prodact .photoRight img {
    max-width: 100%;
    height: auto;
  }
  .prodact .txtLeft {
    float: none;
    width: 100%;
  }
  /*--------------------------------------------------------------------use*/
  .pageLink {
    margin: 0 0 8%;
  }
  .pageLink li {
    background: url(../img/common/icon03.gif) no-repeat 5px 11px;
    padding: 5px 0 5px 20px;
    width: 45%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .pageLink li.flame {
    width: 100%;
  }
  .pageLink li.flame.icoPdf a {
    text-align: center;
  }
  .pageLink li.icoPdf {
    margin: 15px 0 0;
  }
  .useBox {
    font-size: 16px;
    margin: 0 0 8%;
  }
  .useBox p {
    float: none;
    width: 100%;
    margin: 0 0 4%;
  }
  .useBox .txtMin {
    margin: 30px 0 0;
    font-size: 14px;
    display: block;
  }
  .useBox img,
  .useBox .imgBox {
    float: none;
    width: 100%;
  }
  .useBox img {
    padding: 3px;
    border: #bbb 1px solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .useBox .imgBox img {
    float: none;
  }
  /*--------------------------------------------------------------------overlay*/
  .modalBox {
    width: 90vw;
    margin: -25vh 0 0 -45vw;
    padding: 8% 4%;
  }
  .modalBox .btnRed {
    padding: 2vh 20vw;
  }
  /*--------------------------------------------------------------------newsBox*/
  .txtData {
    margin: 0px 0 10px;
  }
  .newsBox img {
    width: 100%;
    height: auto;
  }
  .newsBox .formBtn {
    text-align: center;
  }
  /*20170607 追記*/
  .contents td.type .toolTip {
    word-break: break-all;
    width: 150%;
    white-space: initial;
  }
  .btnTop {
    width: 92%;
    bottom: 10px;
    right: 4%;
  }
  .btnTop a {
    background: #393939;
    display: block;
    border-radius: 5px;
    padding: 3px 0;
  }
  .btnTop a img {
    margin: auto;
  }
}

.add-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  font-size: 16px;
  padding-top: 1em;
}

.add-radio input {
  -webkit-transform: translateY(0.1em);
  -ms-transform: translateY(0.1em);
      transform: translateY(0.1em);
}

.add-inner {
  margin: 0 auto;
  padding: 0px 0px 20px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
  color: #fff;
}

.add-inner a:hover {
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  opacity: 0.8;
}

@media (max-width: 767px) and (min-width: 0) {
  .add-inner {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .add-radio {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

a.hero-bottom {
  color: #fff;
}

a.hero-bottom:hover {
  text-decoration: none;
}
.hero-bottom .top .icon{
  width: 6em;
  margin-right: 10px;
}

.hero-bottom {
  display: block;
  width: 100%;
  max-width: 450px;
  background: #ff6600;
  color: #fff;
  padding: 10px 5px 5px;
  margin-top: -20px;
}


.hero-bottom .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
          justify-content: center;
          -webkit-box-pack: center;
  -ms-flex-pack: center;
}

.hero-bottom .top .en {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
}

.hero-bottom .tip {
  font-size: 12px;
  margin: 0.5em 0;
  line-height: 1.2;
  min-width: 220px;
}

.hero-bottom .btn {
  background: #fff;
  color: #ff6600;
  text-align: center;
  padding: 2px 5px;
  font-weight: 700;
  position: relative;
}

.hero-bottom .btn::after {
  content: "";
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  right: 10px;
  top: 5px;
  border-right: 3px solid #ff6600;
  border-bottom: 3px solid #ff6600;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.hero-bottom img {
  display: block;
  width: 100%;
}

@media (max-width:500px) {
  /* .hero-bottom .top{
    display: block;
  }
  .hero-bottom .top .icon{
    margin: 0 auto 5px;
  }
  .hero-bottom .top .right{
    text-align: center;
  } */
  .hero-bottom .top{
    -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
          justify-content: center;
          -webkit-box-pack: center;
  -ms-flex-pack: center;
  }
  .hero-bottom .right{
    max-width: 220px;
  }
  .hero-bottom .top .icon{
    width:calc(100% - 200px);
    max-width: 120px;
  }
}

/*20200421 追記*/
.add-lineTitle {
  margin-bottom: 43px;
  border-bottom: 5px solid #e2e2e2;
  position: relative;
  padding-bottom: 5px;
}

.add-lineTitle .add-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.add-lineTitle::before {
  width: 4px;
  height: 5px;
  background-color: #cc403b;
  position: absolute;
  left: 0;
  bottom: -5px;
  content: " ";
}

.add-lineTitle h2 {
  min-width: 300px;
  font-size: 28px;
  font-weight: normal;
}

.add-lineTitle h2 span {
  margin-left: 20px;
  color: #000;
  font-size: 13px;
  font-weight: normal;
  vertical-align: middle;
}

.add-lineTitle .word {
  color: #ff0000;
  font-weight: bold;
}

.add-lineTitle .word .img img {
  width: 1.4em;
  height: 1.4em;
  margin-right: 0.2em;
  -webkit-transform: translateY(0.2em);
  -ms-transform: translateY(0.2em);
  transform: translateY(0.2em);
}

.add-box {
  position: relative;
}

.add-box .add-icon img {
  position: absolute;
  bottom: -5px;
  left: 50%;
  width: 1.2em;
  -webkit-transform: translate(-50%, 100%);
  -ms-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
}

.add-box .add-icon2 img {
  position: absolute;
  bottom: -5px;
  left: 50%;
  width: 1em;
  -webkit-transform: translate(-50%, 100%);
  -ms-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
}

.add-redword {
  color: #ff0000;
  margin-top: 1em;
  font-size: 14px;
}

.add-redword .img img {
  width: 1em;
  height: 1em;
  margin-right: 0.2em;
  -webkit-transform: translateY(0.15em);
  -ms-transform: translateY(0.15em);
  transform: translateY(0.15em);
}

@media (max-width: 767px) and (min-width: 0) {
  .mainTable td .add-box .add-icon2 img {
    width: 1em;
  }
  .add-box .add-icon img {
    bottom: 50%;
    left: auto;
    right: -10px;
    width: 1.6em;
    -webkit-transform: translate(100%, 50%);
    -ms-transform: translate(100%, 50%);
    transform: translate(100%, 50%);
  }
  .add-lineTitle {
    margin-bottom: 14px;
    padding-bottom: 0px;
    border-bottom: none;
  }
  .add-lineTitle:before {
    display: none;
  }
  .add-lineTitle .add-wrap {
    display: block;
  }
  .add-lineTitle h2 {
    margin-bottom: 14px;
    padding-bottom: 6px;
    border-bottom: 3px solid #e2e2e2;
    position: relative;
  }
  .add-lineTitle h2:before {
    background-color: #cc403b;
    position: absolute;
    left: 0;
    content: " ";
    height: 3px;
    width: 3px;
    bottom: -3px;
  }
  .add-lineTitle h2 span {
    margin: 0 0 0 85px;
    font-size: 10px;
    display: block;
  }
  .add-lineTitle h2 img {
    margin-bottom: 0;
    width: 73px;
    float: left;
  }
}

@media (max-width: 1160px) {
  .btnTop.new {
    bottom: 150px;
  }
  .btnTop.newbbb {
    bottom: 150px;
  }
  .btnTop.newaaa {
    bottom: 10px;
  }
}