@charset "utf-8";
/* CSS Document */
/*
======================================================================================================
※重要・コピーライト
======================================================================================================
Copyright 株式会社サインモール All Rights Reserved.
無断転用禁止
当ファイルの無断転用及び複製等の行為を固く禁じます。
*/

/*
======================================================================================================
初期化
======================================================================================================
*/

html {
  margin: 0;
  padding: 0;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;

}

body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video,
figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

nav ul,
ul,
ol {
  list-style: none;
}

body {
  letter-spacing: .1em;
  word-break: break-all;

  font-size: 95%;
  /*
  font-family:-apple-system, 'BlinkMacSystemFont', '.SFNSDisplay-Regular', sans-serif,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
*/

  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

p,
li,
dd,
dt,
figcaption,
blockquote,
td,
th,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}


a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  color: #0555a5;
  text-decoration: none;

}

a:hover {
  text-decoration: none;
  color: #FB5A24;
}

a.disabled {
  pointer-events: none;
}

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

.allclear {
  clear: both;
  height: 0;
  line-height: 0;
  border: none;
}


.Wrapper98 {
  width: 98%;
  clear: both;
  padding: 0;
  margin: 0 auto;
}

@media screen and (max-width:768px) {
  .Wrapper98 {
    width: 95%;
  }
}

.Wrapper98WithMax {
  width: 98%;
  clear: both;
  padding: 0;
  margin: 0 auto;
  max-width: 980px;
}

.Wrapper95 {
  width: 95%;
  clear: both;
  padding: 0;
  margin: 0 auto;
}

.CLR {
  clear: both;
}

.W50 {
  width: 50px;
}

.Resp {
  max-width: 100%;
  height: auto;
}

.Resp50 {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width:768px) {
  .Resp50 {
    max-width: 50%;
    height: auto;
  }
}

/* display:none; */
.Hidden {
  display: none;
}

.Show {
  display: block;
}

/* ==============================================
  lazyRender
================================================= */
/* ベース */
.lazyRender {
  content-visibility: auto;
  contain-intrinsic-size: 1px 800px; /* デフォルト（Mサイズ相当） */
}
/* 高さバリエーション（上書き用） */
.lazyRender.h-s { contain-intrinsic-size: 1px 300px; }  /* 小さめ（関連商品など） */
.lazyRender.h-l { contain-intrinsic-size: 1px 1500px; } /* 大きめ（レビュー、長いリスト） */
.lazyRender.h-footer { contain-intrinsic-size: 1px 400px; } /* フッター専用 */




.VATop {
  vertical-align: top;
}

.VAMid {
  vertical-align: middle;
}

.VABtm {
  vertical-align: bottom;
}

.PosAbs {
  position: absolute;
}

.PosRel {
  position: relative;
}

.DispTbl {
  display: table;
  table-layout: fixed;
}

.DispTblCell {
  display: table-cell;
}

.PT-DispTblCell {
  display: block;
}

.SP-DispTblCell {
  display: table-cell;
}

.DispTblRow {
  display: table-row;
}

.PT-DispTblRow {
  display: block;
}

@media screen and (min-width:768px) {
  .PT-DispTblCell {
    display: table-cell;
  }

  .SP-DispTblCell {
    display: block;
  }

  .PT-DispTblRow {
    display: table-row;
  }
}

.DispTblSpace6 {
  border-collapse: separate;
  border-spacing: 6px 0;
}

.DispTblSpace12 {
  border-collapse: separate;
  border-spacing: 12px 0;
}

.DispTblSpace12x12 {
  border-collapse: separate;
  border-spacing: 12px 12px;
}

.DispTblSpace24 {
  border-collapse: separate;
  border-spacing: 24px 0;
}

.DispTblSpace24x24 {
  border-collapse: separate;
  border-spacing: 24px 24px;
}

.DispTblSpace0 {
  border-spacing: 0;
}

.PH-A50:hover img {
  filter: alpha(opacity=65);
  -moz-opacity: 0.65;
  opacity: 0.65;
}


.H30 {
  height: 30px;
}

.H40 {
  height: 40px;
}

.H60 {
  height: 60px;
}

.H80 {
  height: 80px;
}

/*バリエーション商品の写真枠*/
.PH-P12Vari {
  padding: 0;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-right: solid 2px #CCC;
  border-bottom: solid 2px #CCC;
  box-shadow:
    1px 1px #fff,
    3px 3px #acacac,
    4px 4px #fff,
    6px 6px #bbbbbb;
}

.PH-S {
  border: 3px solid #CCC;
  padding: 2px;
  /*
  -moz-box-shadow: 0px 1px 2px rgba(255,255,255,0.2);
  -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.2);
  */
}

.PH-S:hover {
  border-color: #3399ff;
}

.PH-S-Active {
  border: 3px solid #FB5A24;
  padding: 2px;
  /*
  -moz-box-shadow: 0px 1px 2px rgba(255,255,255,0.2);
  -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.2);
  */
}

/* CenterLine */
.CenterLine {
  background: url(https://www.signmall.jp/images/sp/lst/lst_center_bg_line1.png) center repeat-y;
}

.GrayTit {
  background: #333;
  color: #fff;
}

.BlueTit {
  background: #00a1fe;
  color: #fff;
}

.Ellipsis {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Ellipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.Ellipsis3 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;

}

.Ellipsis4 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
}

.SP-Ellipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

@media screen and (min-width:768px) {
  .SP-Ellipsis2 {
    display: block;
  }
}

/* =============================================
   矢印アイコン（背景）— SVG data URI + 両側余白
   20px系：right/left 25px配置, アイコン側 padding=45px, 反対側=12px
   12px系：right/left 17px配置, アイコン側 padding=29px, 反対側=12px
============================================= */

/* 共通ジオメトリ：右側配置（20px） */
.NextIconBlue,
.NextIconWhite,
.TopIconBlue,
.TopIconWhite,
.BottomIconBlue,
.BottomIconBlueWhite,
.ToggleBottomIconBlue,
.ToggleBottomIconBlue.Active,
.ToggleBottomIconWhite,
.ToggleBottomIconWhite.Active {
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: right 5px center;
  padding-right: 25px;

}

/* 共通ジオメトリ：右側配置（12px） */
.NextIconBlueSmall,
.NextIconWhiteSmall,
.TopIconBlueSmall,
.TopIconWhiteSmall,
.BottomIconBlueSmall,
.ToggleBottomIconBlueSmall,
.ToggleBottomIconBlueSmall.Active,
.ToggleBottomIconWhiteSmall,
.ToggleBottomIconWhiteSmall.Active {
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: right 5px center;
  padding-right: 20px;

}

/* 共通ジオメトリ：左側配置（20px） */
.PrevIconBlue {
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left 5px center;
  /* 20px + 5px */
  padding-left: 25px;
}

/* 共通ジオメトリ：左側配置（12px） */
.PrevIconBlueSmall {
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: left 5px center;
  padding-left: 20px;

}


/* ===== 背景画像：SVG(data URI) ===== */
/* 右向き（→） */
.NextIconBlue,
.NextIconBlueSmall {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M8 5L16 12 8 19' fill='none' stroke='%230555a5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

.NextIconWhite,
.NextIconWhiteSmall {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M8 5L16 12 8 19' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

/* 左向き（←） */
.PrevIconBlue,
.PrevIconBlueSmall {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M16 5L8 12 16 19' fill='none' stroke='%230555a5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

/* 上向き（↑） */
.TopIconBlue,
.TopIconBlueSmall,
.ToggleBottomIconBlue.Active,
.ToggleBottomIconBlueSmall.Active {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M5 16L12 8 19 16' fill='none' stroke='%230555a5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

.TopIconWhite,
.TopIconWhiteSmall,
.ToggleBottomIconWhite.Active,
.ToggleBottomIconWhiteSmall.Active {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M5 16L12 8 19 16' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

/* 下向き（↓） */
.BottomIconBlue,
.BottomIconBlueSmall,
.ToggleBottomIconBlue,
.ToggleBottomIconBlueSmall {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M5 8L12 16 19 8' fill='none' stroke='%230555a5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

.BottomIconBlueWhite,
.ToggleBottomIconWhite,
.ToggleBottomIconWhiteSmall {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M5 8L12 16 19 8' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}


/* サインモール標準リンクボタン：白縁ブルー系（背景なしタイプ） */
.primeLink {
  text-align: center;
  border: 1px solid #2489ce;
  background-color: #fff;
  padding: 10px 30px;
  font-size: 120%;
  border-radius: 300px;
  color: #0555a5;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M8 5L16 12 8 19' fill='none' stroke='%230555a5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: right 5px center;
  transition: box-shadow 0.3s ease, opacity 0.3s ease;
}

.primeLink:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.18);
  opacity: 0.9;
}

/* スマホ用：常にブロック表示 */
@media screen and (max-width: 768px) {
  .primeLink {
    display: block;
    padding: 10px 20px 10px 10px;

  }
}



/* サインモール標準リンクボタン：白背景タイプ（背景色あり用） */
.primeLink2 {
  text-align: center;
  background-color: #fff;
  padding: 10px 30px;
  font-size: 120%;
  border-radius: 300px;
  color: #0555a5;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M8 5L16 12 8 19' fill='none' stroke='%230555a5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: right 5px center;
  transition: box-shadow 0.3s ease, opacity 0.3s ease;
}

.primeLink2:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.18);
  opacity: 0.9;
}

/* スマホ用：常にブロック表示 */
@media screen and (max-width: 768px) {
  .primeLink2 {
    display: block;
    padding: 10px 20px 10px 10px;
  }
}


/* ===================
   プラスマイナスToggle
   =================== */
.CL-Toggle>a {
  display: block;
  position: relative;
  background-color: #fff;
  color: #0055a6;
  padding-right: 40px;
}

.CL-Toggle>a:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 20px;
  height: 2px;
  background: #0055a6;
  transform: translateY(-50%);
}

.CL-Toggle>a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 17px;
  width: 2px;
  height: 20px;
  background: #0055a6;
  transform: translateY(-50%);
  transition: .3s;
}

.CL-Toggle>a.Active {
  border-bottom: none;
}

.CL-Toggle>a.Active:after {
  top: 25%;
  opacity: 0;
  transform: rotate(90deg);
}

@media screen and (max-width: 768px) {
  .CL-Toggle>a {
    font-size: 100%;
  }
}

/* ===================
   汎用 改行・折り返し
   =================== */
/* 推奨：URLや長い英数字を“どこでも”折り返す */
.break-words {
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}

/* 強め：CJK/英数字問わず文字単位で折り返す（不自然になりやすい） */
.break-all {
  word-break: break-all;
}

/* 旧称互換（IE系対策が必要なら） */
.word-wrap {
  word-wrap: break-word;
}

/* ハイフネーション（単語にハイフン可能なら） */
.hyphens-auto {
  hyphens: auto;
}

/* 折り返し禁止（必要時の打ち消し用） */
.nowrap {
  white-space: nowrap;
}

/* 可能な任意の位置で改行を許可*/
.wrap-num {
  overflow-wrap: anywhere;
  /* 互換用の保険：古いブラウザ向けに強制的に区切り可 */
  word-break: break-all;
}

/*「要素の幅に合わせて自然に折り返す」ためのユーティリティ。*/
.Wrap {
  display: inline-block;
  white-space: normal;
  overflow-wrap: anywhere;
  word-wrap: break-word;
  max-width: 100%;
  min-width: 0;
}

/* テキストのまとまりを1ブロックとして折り返す汎用クラス */
.inlineBlockWrap {
  display: inline-block;
  white-space: nowrap;
  /* 途中で勝手に折らない */
  max-width: 100%;
}


/*
======================================================================================================
[FS] フォントサイズ
======================================================================================================
*/
.FS50 {
  font-size: 50% !important;
}

.FS55 {
  font-size: 55% !important;
}

.FS60 {
  font-size: 60% !important;
}

.FS65 {
  font-size: 65% !important;
}

.FS70 {
  font-size: 70% !important;
}

.FS75 {
  font-size: 75% !important;
}

.FS80 {
  font-size: 80% !important;
}

.FS85 {
  font-size: 85% !important;
}

.FS90 {
  font-size: 90% !important;
}

.FS97 {
  font-size: 97% !important;
}

.FS100 {
  font-size: 100% !important;
}

.FS105 {
  font-size: 105% !important;
}

.FS110 {
  font-size: 110% !important;
}

.FS120 {
  font-size: 120% !important;
}

.FS130 {
  font-size: 130% !important;
}

.FS140 {
  font-size: 140% !important;
}

.FS150 {
  font-size: 150% !important;
}

.FS160 {
  font-size: 160% !important;
}

.FS180 {
  font-size: 180% !important;
}

.FS200 {
  font-size: 200% !important;
}

.FS220 {
  font-size: 220% !important;
}

.FS250 {
  font-size: 250% !important;
}

/*
======================================================================================================
[FC]フォントカラー
======================================================================================================
*/
.FCOrange {
  color: #ff680d !important;
}

.FCRed {
  color: #F03 !important;
}

.FCPriceRed {
  color: #e30505 !important;
}

.FCBlue {
  color: #003399 !important;
}

.FCDarkBlue {
  color: #02386d !important;
}

.FCBlack {
  color: #000 !important;
}

.FCWhite {
  color: #FFF !important;
}

.FCGray {
  color: #999 !important;
}

.FCGray6 {
  color: #666 !important;
}

.FCGray3 {
  color: #333 !important;
}

.FCGreen {
  color: #15a507 !important;
}

.FCYellow {
  color: #FF0 !important;
}

.FCDarkGreen {
  color: #060 !important;
}

.FCPurple {
  color: #906 !important;
}

.FCRedBG {
  color: #FFF;
  background: #e30505;
}

.FCBlueBG {
  color: #FFF;
  background: #003399;
}

.FCGreenBG {
  color: #FFF;
  background: #060;
}

.FCGreenLightBG {
  color: #FFF;
  background: #15a507;
}

.FCPurpleBG {
  color: #FFF;
  background: #906;
}

.FCPriceRedBG {
  color: #fff601;
  background: #e30505;
  border-right: solid 3px #a30101;
  border-bottom: solid 3px #a30101;
}




/*
======================================================================================================
[LI]リスト
======================================================================================================
*/
.LI-Num {
  list-style: decimal;
  padding-left: 20px;
}

/* 数字 */
.LI-Num li {
  padding-top: 5px;
  padding-bottom: 5px;
}

.LI-Dis {
  list-style: disc;
  padding-left: 20px;
}

/* 黒丸 */
.LI-Dis li {
  padding-top: 5px;
  padding-bottom: 5px;
}

.LI-Cir {
  list-style: circle;
  padding-left: 20px;
}

/* 白丸 */
.LI-Cir li {
  padding-top: 5px;
  padding-bottom: 5px;
}

.LI-Inline {
  list-style: none;
  padding-left: 0px;
}

/* 白丸 */
.LI-Inline li {
  display: inline;
  padding: 5px 0 5px 0;
}


/*
======================================================================================================
[FD]フォント装飾
======================================================================================================
*/
.FDB {
  font-weight: bold;
}

.FDNml {
  font-weight: normal;
  font-style: normal;
}

.Cnt {
  text-align: center;
}

.Rgt {
  text-align: right;
}

.Lft {
  text-align: left;
}

.Blk {
  display: block;
}

.FDUL {
  text-decoration: underline;
}

.FDNON {
  text-decoration: none;
}

.FDLT {
  text-decoration: line-through;
}

.FDArial {
  font-family: Arial, Helvetica, sans-serif
}

.FDOBL {
  font-style: oblique;
}



/* ===================
   ステータス背景色
   =================== */
/* 水色 */
.StatLG {
  background-color: #f0f4f9 !important;
}

.StatLG2 {
  background-color: #f8fafd;
}

/* グリーン */
.StatG2 {
  background-color: #e0f2cb;
}

.StatG3 {
  background-color: #e0f2cb;
}

.StatG4 {
  background-color: #f4fff4;
}

.StatG5 {
  background-color: #d9ffd9;
}

/* ブルー */
.StatB2 {
  background-color: #f0f4f9 !important;
}

.StatB3 {
  background-color: #006dcc !important;
}

.StatB4 {
  background-color: #e2eff7 !important;
}

.StatB5 {
  background-color: #f5faff;
}

/* レッド */
.StatR2 {
  background-color: #fee3cc;
}

.StatR3 {
  background-color: #fbd3b1;
}

/* イエロー */
.StatY2 {
  background-color: #d3caaf;
}

.StatY3 {
  background-color: #fff4cc;
}

/* グレー */
.StatGray2 {
  background-color: #EEE;
}

.StatGray3 {
  background-color: #edeeee;
}

.StatGray4 {
  background-color: #f1f1f1;
}

.StatGray5 {
  background-color: #535353;
}

.StatDarkGray {
  background-color: #666;
}

.StatDarkGray2 {
  background-color: #212121;
}

.StatDarkGray3 {
  background-color: #2a292f;
}

/* ホワイト */
.StatW {
  background-color: #ffffff;
  border: dashed 1px #ccc;
}

.StatW2 {
  background-color: #ffffff;
  border: solid 1px #ccc;
}

.StatW3 {
  background-color: #ffffff;
}

/* オレンジ/ピンク/ライトグレー */
.StatO {
  background-color: #f47421;
}

.StatP {
  background-color: #ffe4e1 !important;
}

/* クリーム色 */
.StatC {
  background-color: #faf8f5;
}

.StatC2 {
  background-color: #fcfbf9 !important;
}

.StatC3 {
  background-color: #f9f5ef !important;
}

.StatC4 {
  background-color: #d9d4ce !important;
}

.StatC5 {
  background-color: #ece9e2 !important;
}

/* パステルカラー */
.StatPasB {
  background-color: #2ec3ee;
}

.StatPasP {
  background-color: #fb8f9f;
}

.StatPasG {
  background-color: #20d0ac;
}

.StatPasY {
  background-color: #fbf04b;
}

.StatNavy {
  background-color: #002447;
}

/* 影バージョン */
.StatShadowW {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.18);
}



.R3 {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.R8 {
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

.R15 {
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}

.R300 {
  border-radius: 300px;
  -moz-border-radius: 300px;
  -webkit-border-radius: 300px;
}



/*
======================================================================================================
[LH]行間
======================================================================================================
*/
.LH100 {
  line-height: 100%;
}

.LH120 {
  line-height: 120%;
}

.LH140 {
  line-height: 140%;
}

.LH160 {
  line-height: 160%;
}

.LH180 {
  line-height: 180%;
}

.LH220 {
  line-height: 220%;
}




/*
======================================================================================================
[M][P]マージン・パディング
======================================================================================================
*/
.M0auto {
  margin: 0 auto;
}

.P0 {
  padding: 0px;
}

.P0T {
  padding-top: 0px;
}

.P0B {
  padding-bottom: 0px;
}

.P0L {
  padding-left: 0px;
}

.P0R {
  padding-right: 0px;
}

.P3 {
  padding: 3px;
}

.P3T {
  padding-top: 3px;
}

.P3B {
  padding-bottom: 3px;
}

.P3L {
  padding-left: 3px;
}

.P3R {
  padding-right: 3px;
}

.P5 {
  padding: 5px;
}

.P5T {
  padding-top: 5px;
}

.P5B {
  padding-bottom: 5px;
}

.P5L {
  padding-left: 5px;
}

.P5R {
  padding-right: 5px;
}

.P10 {
  padding: 10px;
}

.P10T {
  padding-top: 10px;
}

.P10B {
  padding-bottom: 10px;
}

.P10L {
  padding-left: 10px;
}

.P10R {
  padding-right: 10px;
}

.P15 {
  padding: 15px;
}

.P15T {
  padding-top: 15px;
}

.P15B {
  padding-bottom: 15px;
}

.P15L {
  padding-left: 15px;
}

.P15R {
  padding-right: 15px;
}

.P20 {
  padding: 20px;
}

.P20T {
  padding-top: 20px;
}

.P20B {
  padding-bottom: 20px;
}

.P20L {
  padding-left: 20px;
}

.P20R {
  padding-right: 20px;
}

.P25 {
  padding: 25px;
}

.P25T {
  padding-top: 25px;
}

.P25B {
  padding-bottom: 25px;
}

.P25L {
  padding-left: 25px;
}

.P25R {
  padding-right: 25px;
}

.P30 {
  padding: 30px;
}

.P30T {
  padding-top: 30px;
}

.P30B {
  padding-bottom: 30px;
}

.P30L {
  padding-left: 30px;
}

.P30R {
  padding-right: 30px;
}

.M0 {
  margin: 0px;
}

.M0T {
  margin-top: 0px;
}

.M0B {
  margin-bottom: 0px;
}

.M0L {
  margin-left: 0px;
}

.M0R {
  margin-right: 0px;
}

.M3 {
  margin: 3px;
}

.M3T {
  margin-top: 3px;
}

.M3B {
  margin-bottom: 3px;
}

.M3L {
  margin-left: 3px;
}

.M3R {
  margin-right: 3px;
}

.M5 {
  margin: 5px;
}

.M5T {
  margin-top: 5px;
}

.M5B {
  margin-bottom: 5px;
}

.M5L {
  margin-left: 5px;
}

.M5R {
  margin-right: 5px;
}

.M10 {
  margin: 10px;
}

.M10T {
  margin-top: 10px;
}

.M10B {
  margin-bottom: 10px;
}

.M10L {
  margin-left: 10px;
}

.M10R {
  margin-right: 10px;
}

.M15 {
  margin: 15px;
}

.M15T {
  margin-top: 15px;
}

.M15B {
  margin-bottom: 15px;
}

.M15L {
  margin-left: 15px;
}

.M15R {
  margin-right: 15px;
}

.M20 {
  margin: 20px;
}

.M20T {
  margin-top: 20px;
}

.M20B {
  margin-bottom: 20px;
}

.M20L {
  margin-left: 20px;
}

.M20R {
  margin-right: 20px;
}

.M25 {
  margin: 25px;
}

.M25T {
  margin-top: 25px;
}

.M25B {
  margin-bottom: 25px;
}

.M25L {
  margin-left: 25px;
}

.M25R {
  margin-right: 25px;
}

.M30 {
  margin: 30px;
}

.M30T {
  margin-top: 30px;
}

.M30B {
  margin-bottom: 30px;
}

.M30L {
  margin-left: 30px;
}

.M30R {
  margin-right: 30px;
}





/*
======================================================================================================
[BL]ボーダーライン
======================================================================================================
*/
.BL-S1 {
  border: solid 1px;
}

.BL-S1-T {
  border-top: solid 1px
}

.BL-S1-B {
  border-bottom: solid 1px;
}

.BL-S1-L {
  border-left: solid 1px
}

.BL-S1-R {
  border-right: solid 1px;
}

.BL-D1-B {
  border-bottom: dotted 1px;
}

.BL-D1-T {
  border-top: dotted 1px;
}

.BL-S3 {
  border: solid 3px;
}

.BL-S3-T {
  border-top: solid 3px
}

.BL-S3-B {
  border-bottom: solid 3px;
}

.BL-S3-L {
  border-left: solid 3px
}

.BL-S3-R {
  border-right: solid 3px;
}

.BL-D3-B {
  border-bottom: dotted 3px;
}

.BL-D3-T {
  border-top: dotted 3px;
}

.BL-Orange {
  border-color: #ff680d;
}

.BL-Red {
  border-color: #F03;
}

.BL-Blue {
  border-color: #003399;
}

.BL-Gray {
  border-color: #666;
}

.BL-Green {
  border-color: #15a507;
}

.BL-CCC {
  border-color: #CCC;
}

.BL-SKY {
  border-color: #2489ce;
}

.BL-Pnk {
  border: solid 1px #fd554d;
}

.BLS1TG {
  border-top: solid 1px #ccc;
}

.BLS1BG {
  border-bottom: solid 1px #ccc;
}


/*
======================================================================================================
[G][GF]グリッド
======================================================================================================
*/
.FlexCont {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

.FlexCont>div {}


.GL {
  float: left;
}

.GR {
  float: right;
}

.G5 {
  width: 5%;
}

.G10 {
  width: 10%;
}

.G15 {
  width: 15%;
}

.G20 {
  width: 20%;
}

.G25 {
  width: 25%;
}

.G30 {
  width: 30%;
}

.G33 {
  width: 33.333%;
}

.G35 {
  width: 35%;
}

.G40 {
  width: 40%;
}

.G45 {
  width: 45%;
}

.G50 {
  width: 50%;
}

.G55 {
  width: 55%;
}

.G60 {
  width: 60%;
}

.G65 {
  width: 65%;
}

.G70 {
  width: 70%;
}

.G75 {
  width: 75%;
}

.G80 {
  width: 80%;
}

.G85 {
  width: 85%;
}

.G90 {
  width: 90%;
}

.G95 {
  width: 95%;
}

.G100 {
  width: 100%;
}

/* マージン付き */
.GFM {
  margin-left: 2.564102564102564%;
}

.GF11 {
  width: 91.45299145299145%;
}

.GF10 {
  width: 82.90598290598291%;
}

.GF9 {
  width: 74.35897435897436%;
}

.GF8 {
  width: 65.81196581196582%;
}

.GF7 {
  width: 57.26495726495726%;
}

.GF6 {
  width: 48.717948717948715%;
}

.GF5 {
  width: 40.17094017094017%;
}

.GF4 {
  width: 31.623931623931625%;
}

.GF3 {
  width: 23.076923076923077%;
}

.GF2 {
  width: 14.52991452991453%;
}

.GF1 {
  width: 5.982905982905983%;
}

/*
======================================================================================================
[BAG] バッジ
======================================================================================================
*/
.BAG {
  font-size: 100%;
  padding-right: 4px;
  padding-left: 4px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}

.BAG-Blue {
  background: #006dcc;
  color: #FFF;
}

.BAG-Gray {
  background: #CCC;
  color: #666;
}

.BAG-White {
  background: #FFF;
  color: #000;
}

.BAG-Yellow {
  background: #f89406;
  color: #FFF;
}

.BAG-Yellow2 {
  background: #fff975;
}

.BAG-Red {
  background: #e30505;
  color: #FFF;
}

.BAG-Green {
  background: #468847;
  color: #FFF;
}

.BAG-Black {
  background: #333333;
  color: #FFF;
}





/*
======================================================================================================
[Btn]ボタンパーツ
======================================================================================================
*/


.Btn {
  cursor: pointer;
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: center;
  font-weight: bold;
  -moz-box-shadow: 0px 1px 2px rgba(255, 255, 255, 0.2), inset 0px -1px 0px rgba(248, 248, 248, 1);
  -webkit-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.2), inset 0px -1px 0px rgba(248, 248, 248, 1);
}

.BtnS {
  cursor: pointer;
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: center;
  font-weight: bold;
  -moz-box-shadow: 0px 1px 2px rgba(255, 255, 255, 0.2), inset 0px -1px 0px rgba(248, 248, 248, 1);
  -webkit-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.2), inset 0px -1px 0px rgba(248, 248, 248, 1);
}

.Btn a,
a.Btn,
.BtnS a,
a.BtnS {
  text-decoration: none;
}

.BtnBlue {
  color: #0064a8;
  background: url(//www.signmall.jp/commondesign/images/btnblue_bg.png) repeat-x bottom #e2f0fa;
  background: -moz-linear-gradient(top, #e3f1fa 0%, #c5e4fa);
  background: -webkit-gradient(linear, left top, left bottom, from(#e3f1fa), to(#c5e4fa));
  border: 1px solid #70b1ef;
}

.BtnBlue:hover {
  color: #FB5A24;
  background: -moz-linear-gradient(top, #a3c9e1 0%, #d7e9f6);
  background: -webkit-gradient(linear, left top, left bottom, from(#a3c9e1), to(#d7e9f6));
}

.BtnDarkBlue {
  color: #FFF;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  border: 1px solid #0044cc;
}

.BtnDarkBlue:hover {
  color: #FB5A24;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0044cc, #0088cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0044cc), to(#0088cc));
  border: 1px solid #0044cc;
}

.BtnGray {
  color: #0064a8;
  background: url(//www.signmall.jp/commondesign/images/btngray_bg.png) repeat-x bottom #EEE;
  background: -moz-linear-gradient(top, #fcfcfc 0%, #e7e7e7);
  background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e7e7e7));
  border: 1px solid #adadad;
}


.BtnGray:hover {
  color: #FB5A24;
  background: url(//www.signmall.jp/commondesign/images/btngray_bg.png) repeat-x bottom;
  background: -moz-linear-gradient(top, #dadada 0%, #e7e7e7);
  background: -webkit-gradient(linear, left top, left bottom, from(#dadada), to(#e7e7e7));
}

.BtnYellow {
  color: #000;
  background: url(//www.signmall.jp/commondesign/images/btnyellowbg.png) repeat-x bottom;
  background: -moz-linear-gradient(top, #F7FF00 0%, #FFBF00);
  background: -webkit-gradient(linear, left top, left bottom, from(#F7FF00), to(#FFBF00));
  border: 1px solid #adadad;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);

}

.BtnYellow:hover {
  color: #000;
  background: #faff69;
  background: -moz-linear-gradient(top, rgba(244, 171, 0, 1) 0%, rgba(242, 213, 0, 1));
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(244, 171, 0, 1)), to(rgba(242, 213, 0, 1)));
}

.BtnOrange {
  color: #000;
  background: #ff9915;
  background: -moz-linear-gradient(top, #ffc664 0%, #ff9915);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffc664), to(#ff9915));
  border: 1px solid #adadad;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);

}

.BtnOrange:hover {
  color: #000;
  background: #ffbb64;
  background: -moz-linear-gradient(top, #ff9915 0%, #ffc664);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff9915), to(#ffc664));
}

.BtnRed {
  color: #a32f02;
  background: url(//www.signmall.jp/commondesign/images/btnred_bg.png) repeat-x bottom;
  background: -moz-linear-gradient(top, #f7e4dd 0%, #f3b29a);
  background: -webkit-gradient(linear, left top, left bottom, from(#f7e4dd), to(#f3b29a));
  border: 1px solid #dc490f;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
}

.BtnRed:hover {
  color: #6a1e00;
  background: url(//www.signmall.jp/commondesign/images/btnred_bg.png) repeat-x bottom;
  background: -moz-linear-gradient(top, #f3b29a 0%, #f7e4dd);
  background: -webkit-gradient(linear, left top, left bottom, from(#f3b29a), to(#f7e4dd));
  border: 1px solid #dc490f;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
}

.BtnGreen {
  color: #006e02;
  background: url(//www.signmall.jp/commondesign/images/btngreen_bg.png) repeat-x bottom;
  background: -moz-linear-gradient(top, #e0f2cb 0%, #97da49);
  background: -webkit-gradient(linear, left top, left bottom, from(#e0f2cb), to(#97da49));
  border: 1px solid #78cb23;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);

}

.BtnGreen:hover {
  color: #FB5A24;
  background: url(//www.signmall.jp/commondesign/images/btngreen_bg.png) repeat-x bottom;
  background: -moz-linear-gradient(top, #97da49 0%, #e0f2cb);
  background: -webkit-gradient(linear, left top, left bottom, from(#97da49), to(#e0f2cb));
  border: 1px solid #78cb23;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);

}

.BtnDarkGreen {
  color: #FFF;


  background: url(//www.signmall.jp/commondesign/images/btndarkgreen_bg.png) repeat-x bottom;
  background: -moz-linear-gradient(top, #2bcc00 0%, #1d8a00);
  background: -webkit-gradient(linear, left top, left bottom, from(#2bcc00), to(#1d8a00));
  border: 1px solid #1d8a00;
  text-shadow: 1px 1px 1px rgba(000, 000, 000, 0.5);

}

.BtnDarkGreen:hover {
  color: #e0f2cb;
  background: url(//www.signmall.jp/commondesign/images/btndarkgreen_bg.png) repeat-x bottom;
  background: -moz-linear-gradient(top, #1e8801 0%, #1d8a00);
  background: -webkit-gradient(linear, left top, left bottom, from(#1e8801), to(#1d8a00));
  border: 1px solid #1d8a00;
  text-shadow: 1px 1px 1px rgba(000, 000, 000, 0.5);

}






/*
======================================================================================================
レスンポンシブCSS
======================================================================================================
*/
.SP-Hidden,
.SP-HiddenInline,
.SP-HiddenTblCell {
  display: none !important;
}

.SP-Blk {
  display: block;
}

@media screen and (min-width:768px) {
  .SP-Hidden {
    display: block !important;
  }

  .SP-HiddenInline {
    display: inline !important;
  }

  .SP-HiddenTblCell {
    display: table-cell !important;
  }

  .PT-Hidden,
  .PT-HiddenInline {
    display: none !important;
  }

  .SP-Blk {
    display: inline
  }

  .PT-Blk {
    display: block
  }
}

@media screen and (max-width:768px) {
  .SP-FDNml {
    font-weight: normal;
    font-style: normal;
  }
}

/*
======================================================================================================
Aligh
======================================================================================================
*/

.SP-Cnt {
  text-align: center;
}

.SP-Rgt {
  text-align: right;
}

@media screen and (min-width:768px) {
  .SP-Cnt {
    text-align: left
  }

  .SP-Rgt {
    text-align: left;
  }

  .PT-Cnt {
    text-align: center;
  }

  .PT-Rgt {
    text-align: right;
  }
}

/*
======================================================================================================
[M][P]マージン・パディング
======================================================================================================
*/

/*
@media screen and (min-width:480px) {
}
*/
.SP-M0auto {
  margin: 0 auto;
}

.SP-P0 {
  padding: 0px;
}

.SP-P0T {
  padding-top: 0px;
}

.SP-P0B {
  padding-bottom: 0px;
}

.SP-P0L {
  padding-left: 0px;
}

.SP-P0R {
  padding-right: 0px;
}

.SP-P3 {
  padding: 3px;
}

.SP-P3T {
  padding-top: 3px;
}

.SP-P3B {
  padding-bottom: 3px;
}

.SP-P3L {
  padding-left: 3px;
}

.SP-P3R {
  padding-right: 3px;
}

.SP-P5 {
  padding: 5px;
}

.SP-P5T {
  padding-top: 5px;
}

.SP-P5B {
  padding-bottom: 5px;
}

.SP-P5L {
  padding-left: 5px;
}

.SP-P5R {
  padding-right: 5px;
}

.SP-P10 {
  padding: 10px;
}

.SP-P10T {
  padding-top: 10px;
}

.SP-P10B {
  padding-bottom: 10px;
}

.SP-P10L {
  padding-left: 10px;
}

.SP-P10R {
  padding-right: 10px;
}

.SP-P15 {
  padding: 15px;
}

.SP-P15T {
  padding-top: 15px;
}

.SP-P15B {
  padding-bottom: 15px;
}

.SP-P15L {
  padding-left: 15px;
}

.SP-P15R {
  padding-right: 15px;
}

.SP-P20 {
  padding: 20px;
}

.SP-P20T {
  padding-top: 20px;
}

.SP-P20B {
  padding-bottom: 20px;
}

.SP-P20L {
  padding-left: 20px;
}

.SP-P20R {
  padding-right: 20px;
}

.SP-P25 {
  padding: 25px;
}

.SP-P25T {
  padding-top: 25px;
}

.SP-P25B {
  padding-bottom: 25px;
}

.SP-P25L {
  padding-left: 25px;
}

.SP-P25R {
  padding-right: 25px;
}

.SP-P30 {
  padding: 30px;
}

.SP-P30T {
  padding-top: 30px;
}

.SP-P30B {
  padding-bottom: 30px;
}

.SP-P30L {
  padding-left: 30px;
}

.SP-P30R {
  padding-right: 30px;
}

.SP-M0 {
  margin: 0px;
}

.SP-M0T {
  margin-top: 0px;
}

.SP-M0B {
  margin-bottom: 0px;
}

.SP-M0L {
  margin-left: 0px;
}

.SP-M0R {
  margin-right: 0px;
}

.SP-M3 {
  margin: 3px;
}

.SP-M3T {
  margin-top: 3px;
}

.SP-M3B {
  margin-bottom: 3px;
}

.SP-M3L {
  margin-left: 3px;
}

.SP-M3R {
  margin-right: 3px;
}

.SP-M5 {
  margin: 5px;
}

.SP-M5T {
  margin-top: 5px;
}

.SP-M5B {
  margin-bottom: 5px;
}

.SP-M5L {
  margin-left: 5px;
}

.SP-M5R {
  margin-right: 5px;
}

.SP-M10 {
  margin: 10px;
}

.SP-M10T {
  margin-top: 10px;
}

.SP-M10B {
  margin-bottom: 10px;
}

.SP-M10L {
  margin-left: 10px;
}

.SP-M10R {
  margin-right: 10px;
}

.SP-M15 {
  margin: 15px;
}

.SP-M15T {
  margin-top: 15px;
}

.SP-M15B {
  margin-bottom: 15px;
}

.SP-M15L {
  margin-left: 15px;
}

.SP-M15R {
  margin-right: 15px;
}

.SP-M20 {
  margin: 20px;
}

.SP-M20T {
  margin-top: 20px;
}

.SP-M20B {
  margin-bottom: 20px;
}

.SP-M20L {
  margin-left: 20px;
}

.SP-M20R {
  margin-right: 20px;
}

.SP-M25 {
  margin: 25px;
}

.SP-M25T {
  margin-top: 25px;
}

.SP-M25B {
  margin-bottom: 25px;
}

.SP-M25L {
  margin-left: 25px;
}

.SP-M25R {
  margin-right: 25px;
}

.SP-M30 {
  margin: 30px;
}

.SP-M30T {
  margin-top: 30px;
}

.SP-M30B {
  margin-bottom: 30px;
}

.SP-M30L {
  margin-left: 30px;
}

.SP-M30R {
  margin-right: 30px;
}


@media screen and (min-width:768px) {
  .SP-M0auto {
    margin: 0 auto;
  }

  .SP-P0 {
    padding: 0;
  }

  .SP-P0T {
    padding-top: 0;
  }

  .SP-P0B {
    padding-bottom: 0;
  }

  .SP-P0L {
    padding-left: 0;
  }

  .SP-P0R {
    padding-right: 0;
  }

  .SP-P3 {
    padding: 0;
  }

  .SP-P3T {
    padding-top: 0;
  }

  .SP-P3B {
    padding-bottom: 0;
  }

  .SP-P3L {
    padding-left: 0;
  }

  .SP-P3R {
    padding-right: 0;
  }

  .SP-P5 {
    padding: 0;
  }

  .SP-P5T {
    padding-top: 0;
  }

  .SP-P5B {
    padding-bottom: 0;
  }

  .SP-P5L {
    padding-left: 0;
  }

  .SP-P5R {
    padding-right: 0;
  }

  .SP-P10 {
    padding: 0;
  }

  .SP-P10T {
    padding-top: 0;
  }

  .SP-P10B {
    padding-bottom: 0;
  }

  .SP-P10L {
    padding-left: 0;
  }

  .SP-P10R {
    padding-right: 0;
  }

  .SP-P15 {
    padding: 0;
  }

  .SP-P15T {
    padding-top: 0;
  }

  .SP-P15B {
    padding-bottom: 0;
  }

  .SP-P15L {
    padding-left: 0;
  }

  .SP-P15R {
    padding-right: 0;
  }

  .SP-P20 {
    padding: 0;
  }

  .SP-P20T {
    padding-top: 0;
  }

  .SP-P20B {
    padding-bottom: 0;
  }

  .SP-P20L {
    padding-left: 0;
  }

  .SP-P20R {
    padding-right: 0;
  }

  .SP-P25 {
    padding: 0;
  }

  .SP-P25T {
    padding-top: 0;
  }

  .SP-P25B {
    padding-bottom: 0;
  }

  .SP-P25L {
    padding-left: 0;
  }

  .SP-P25R {
    padding-right: 0;
  }

  .SP-P30 {
    padding: 0;
  }

  .SP-P30T {
    padding-top: 0;
  }

  .SP-P30B {
    padding-bottom: 0;
  }

  .SP-P30L {
    padding-left: 0;
  }

  .SP-P30R {
    padding-right: 0;
  }

  .SP-M0 {
    margin: 0;
  }

  .SP-M0T {
    margin-top: 0;
  }

  .SP-M0B {
    margin-bottom: 0;
  }

  .SP-M0L {
    margin-left: 0;
  }

  .SP-M0R {
    margin-right: 0;
  }

  .SP-M3 {
    margin: 0;
  }

  .SP-M3T {
    margin-top: 0;
  }

  .SP-M3B {
    margin-bottom: 0;
  }

  .SP-M3L {
    margin-left: 0;
  }

  .SP-M3R {
    margin-right: 0;
  }

  .SP-M5 {
    margin: 0;
  }

  .SP-M5T {
    margin-top: 0;
  }

  .SP-M5B {
    margin-bottom: 0;
  }

  .SP-M5L {
    margin-left: 0;
  }

  .SP-M5R {
    margin-right: 0;
  }

  .SP-M10 {
    margin: 0;
  }

  .SP-M10T {
    margin-top: 0;
  }

  .SP-M10B {
    margin-bottom: 0;
  }

  .SP-M10L {
    margin-left: 0;
  }

  .SP-M10R {
    margin-right: 0;
  }

  .SP-M15 {
    margin: 0;
  }

  .SP-M15T {
    margin-top: 0;
  }

  .SP-M15B {
    margin-bottom: 0;
  }

  .SP-M15L {
    margin-left: 0;
  }

  .SP-M15R {
    margin-right: 0;
  }

  .SP-M20 {
    margin: 0;
  }

  .SP-M20T {
    margin-top: 0;
  }

  .SP-M20B {
    margin-bottom: 0;
  }

  .SP-M20L {
    margin-left: 0;
  }

  .SP-M20R {
    margin-right: 0;
  }

  .SP-M25 {
    margin: 0;
  }

  .SP-M25T {
    margin-top: 0;
  }

  .SP-M25B {
    margin-bottom: 0;
  }

  .SP-M25L {
    margin-left: 0;
  }

  .SP-M25R {
    margin-right: 0;
  }

  .SP-M30 {
    margin: 0;
  }

  .SP-M30T {
    margin-top: 0;
  }

  .SP-M30B {
    margin-bottom: 0;
  }

  .SP-M30L {
    margin-left: 0;
  }

  .SP-M30R {
    margin-right: 0;
  }

  .PT-M0auto {
    margin: 0 auto;
  }

  .PT-P0 {
    padding: 0px;
  }

  .PT-P0T {
    padding-top: 0px;
  }

  .PT-P0B {
    padding-bottom: 0px;
  }

  .PT-P0L {
    padding-left: 0px;
  }

  .PT-P0R {
    padding-right: 0px;
  }

  .PT-P3 {
    padding: 3px;
  }

  .PT-P3T {
    padding-top: 3px;
  }

  .PT-P3B {
    padding-bottom: 3px;
  }

  .PT-P3L {
    padding-left: 3px;
  }

  .PT-P3R {
    padding-right: 3px;
  }

  .PT-P5 {
    padding: 5px;
  }

  .PT-P5T {
    padding-top: 5px;
  }

  .PT-P5B {
    padding-bottom: 5px;
  }

  .PT-P5L {
    padding-left: 5px;
  }

  .PT-P5R {
    padding-right: 5px;
  }

  .PT-P10 {
    padding: 10px;
  }

  .PT-P10T {
    padding-top: 10px;
  }

  .PT-P10B {
    padding-bottom: 10px;
  }

  .PT-P10L {
    padding-left: 10px;
  }

  .PT-P10R {
    padding-right: 10px;
  }

  .PT-P15 {
    padding: 15px;
  }

  .PT-P15T {
    padding-top: 15px;
  }

  .PT-P15B {
    padding-bottom: 15px;
  }

  .PT-P15L {
    padding-left: 15px;
  }

  .PT-P15R {
    padding-right: 15px;
  }

  .PT-P20 {
    padding: 20px;
  }

  .PT-P20T {
    padding-top: 20px;
  }

  .PT-P20B {
    padding-bottom: 20px;
  }

  .PT-P20L {
    padding-left: 20px;
  }

  .PT-P20R {
    padding-right: 20px;
  }

  .PT-P25 {
    padding: 25px;
  }

  .PT-P25T {
    padding-top: 25px;
  }

  .PT-P25B {
    padding-bottom: 25px;
  }

  .PT-P25L {
    padding-left: 25px;
  }

  .PT-P25R {
    padding-right: 25px;
  }

  .PT-P30 {
    padding: 30px;
  }

  .PT-P30T {
    padding-top: 30px;
  }

  .PT-P30B {
    padding-bottom: 30px;
  }

  .PT-P30L {
    padding-left: 30px;
  }

  .PT-P30R {
    padding-right: 30px;
  }

  .PT-M0 {
    margin: 0px;
  }

  .PT-M0T {
    margin-top: 0px;
  }

  .PT-M0B {
    margin-bottom: 0px;
  }

  .PT-M0L {
    margin-left: 0px;
  }

  .PT-M0R {
    margin-right: 0px;
  }

  .PT-M3 {
    margin: 3px;
  }

  .PT-M3T {
    margin-top: 3px;
  }

  .PT-M3B {
    margin-bottom: 3px;
  }

  .PT-M3L {
    margin-left: 3px;
  }

  .PT-M3R {
    margin-right: 3px;
  }

  .PT-M5 {
    margin: 5px;
  }

  .PT-M5T {
    margin-top: 5px;
  }

  .PT-M5B {
    margin-bottom: 5px;
  }

  .PT-M5L {
    margin-left: 5px;
  }

  .PT-M5R {
    margin-right: 5px;
  }

  .PT-M10 {
    margin: 10px;
  }

  .PT-M10T {
    margin-top: 10px;
  }

  .PT-M10B {
    margin-bottom: 10px;
  }

  .PT-M10L {
    margin-left: 10px;
  }

  .PT-M10R {
    margin-right: 10px;
  }

  .PT-M15 {
    margin: 15px;
  }

  .PT-M15T {
    margin-top: 15px;
  }

  .PT-M15B {
    margin-bottom: 15px;
  }

  .PT-M15L {
    margin-left: 15px;
  }

  .PT-M15R {
    margin-right: 15px;
  }

  .PT-M20 {
    margin: 20px;
  }

  .PT-M20T {
    margin-top: 20px;
  }

  .PT-M20B {
    margin-bottom: 20px;
  }

  .PT-M20L {
    margin-left: 20px;
  }

  .PT-M20R {
    margin-right: 20px;
  }

  .PT-M25 {
    margin: 25px;
  }

  .PT-M25T {
    margin-top: 25px;
  }

  .PT-M25B {
    margin-bottom: 25px;
  }

  .PT-M25L {
    margin-left: 25px;
  }

  .PT-M25R {
    margin-right: 25px;
  }

  .PT-M30 {
    margin: 30px;
  }

  .PT-M30T {
    margin-top: 30px;
  }

  .PT-M30B {
    margin-bottom: 30px;
  }

  .PT-M30L {
    margin-left: 30px;
  }

  .PT-M30R {
    margin-right: 30px;
  }
}

/*
======================================================================================================
[G][GF]グリッド
======================================================================================================
*/

.G100 {
  width: 100%;
}

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

.GRow {
  display: table;

}

.GRow>div {
  display: table-cell;

}

.GL {
  float: left;
}

.GR {
  float: right;
}

.SP-CLR {
  clear: both;
}

.SP-GL {
  float: left;
}

.SP-GR {
  float: right;
}

.SP-G5 {
  width: 5%;
}

.SP-G10 {
  width: 10%;
}

.SP-G15 {
  width: 15%;
}

.SP-G20 {
  width: 20%;
}

.SP-G25 {
  width: 25%;
}

.SP-G30 {
  width: 30%;
}

.SP-G33 {
  width: 33.333%;
}

.SP-G35 {
  width: 35%;
}

.SP-G40 {
  width: 40%;
}

.SP-G45 {
  width: 45%;
}

.SP-G50 {
  width: 50%;
}

.SP-G55 {
  width: 55%;
}

.SP-G60 {
  width: 60%;
}

.SP-G65 {
  width: 65%;
}

.SP-G70 {
  width: 70%;
}

.SP-G75 {
  width: 75%;
}

.SP-G80 {
  width: 80%;
}

.SP-G85 {
  width: 85%;
}

.SP-G90 {
  width: 90%;
}

.SP-G95 {
  width: 95%;
}

.SP-G100 {
  width: 100%;
}


@media screen and (min-width:768px) {
  .SP-CLR {
    clear: none;
  }

  .SP-GL {
    float: none;
  }

  .SP-GR {
    float: none;
  }

  .SP-G100 {
    width: auto;
  }

  .SP-GFM {
    margin-left: 0;
  }

  .PT-CLR {
    clear: both;
  }

  .PT-GL {
    float: left;
  }

  .PT-GR {
    float: right;
  }

  .PT-G5 {
    width: 5%;
  }

  .PT-G10 {
    width: 10%;
  }

  .PT-G15 {
    width: 15%;
  }

  .PT-G20 {
    width: 20%;
  }

  .PT-G25 {
    width: 25%;
  }

  .PT-G30 {
    width: 30%;
  }

  .PT-G33 {
    width: 33.333%;
  }

  .PT-G35 {
    width: 35%;
  }

  .PT-G40 {
    width: 40%;
  }

  .PT-G45 {
    width: 45%;
  }

  .PT-G50 {
    width: 50%;
  }

  .PT-G55 {
    width: 55%;
  }

  .PT-G60 {
    width: 60%;
  }

  .PT-G65 {
    width: 65%;
  }

  .PT-G70 {
    width: 70%;
  }

  .PT-G75 {
    width: 75%;
  }

  .PT-G80 {
    width: 80%;
  }

  .PT-G85 {
    width: 85%;
  }

  .PT-G90 {
    width: 90%;
  }

  .PT-G95 {
    width: 95%;
  }

  .PT-G100 {
    width: 100%;
  }

}

/*
======================================================================================================
[FS] フォントサイズ
======================================================================================================
*/
/*
@media screen and (min-width:480px) {
}
*/
.SP-FS70 {
  font-size: 70%;
}

.SP-FS75 {
  font-size: 75%;
}

.SP-FS80 {
  font-size: 80%;
}

.SP-FS85 {
  font-size: 85%;
}

.SP-FS90 {
  font-size: 90%;
}

.SP-FS97 {
  font-size: 97%;
}

.SP-FS100 {
  font-size: 100%;
}

.SP-FS110 {
  font-size: 110%;
}

.SP-FS120 {
  font-size: 120%;
}

.SP-FS130 {
  font-size: 130%;
}

.SP-FS140 {
  font-size: 140%;
}

.SP-FS150 {
  font-size: 150%;
}

.SP-FS160 {
  font-size: 160%;
}

.SP-FS180 {
  font-size: 180%;
}

.SP-FS200 {
  font-size: 200%;
}

.SP-SP-FS160 PT-FS180 PC-FS180 {
  font-size: 220%;
}

.SP-FS250 {
  font-size: 250%;
}


@media screen and (min-width:768px) {
  .SP-FS70 {
    font-size: 100%;
  }

  .SP-FS75 {
    font-size: 100%;
  }

  .SP-FS80 {
    font-size: 100%;
  }

  .SP-FS85 {
    font-size: 100%;
  }

  .SP-FS90 {
    font-size: 100%;
  }

  .SP-FS97 {
    font-size: 100%;
  }

  .SP-FS100 {
    font-size: 100%;
  }

  .SP-FS110 {
    font-size: 100%;
  }

  .SP-FS120 {
    font-size: 100%;
  }

  .SP-FS130 {
    font-size: 100%;
  }

  .SP-FS140 {
    font-size: 100%;
  }

  .SP-FS150 {
    font-size: 100%;
  }

  .SP-FS160 {
    font-size: 100%;
  }

  .SP-FS180 {
    font-size: 100%;
  }

  .SP-FS200 {
    font-size: 100%;
  }

  .SP-SP-FS160 PT-FS180 PC-FS180 {
    font-size: 100%;
  }

  .SP-FS250 {
    font-size: 100%;
  }

  .PT-FS70 {
    font-size: 70%;
  }

  .PT-FS75 {
    font-size: 75%;
  }

  .PT-FS80 {
    font-size: 80%;
  }

  .PT-FS85 {
    font-size: 85%;
  }

  .PT-FS90 {
    font-size: 90%;
  }

  .PT-FS97 {
    font-size: 97%;
  }

  .PT-FS100 {
    font-size: 100%;
  }

  .PT-FS110 {
    font-size: 110%;
  }

  .PT-FS120 {
    font-size: 120%;
  }

  .PT-FS130 {
    font-size: 130%;
  }

  .PT-FS140 {
    font-size: 140%;
  }

  .PT-FS150 {
    font-size: 150%;
  }

  .PT-FS160 {
    font-size: 160%;
  }

  .PT-FS180 {
    font-size: 180%;
  }

  .PT-FS200 {
    font-size: 200%;
  }

  .PT-SP-FS160 PT-FS180 PC-FS180 {
    font-size: 220%;
  }

  .PT-FS220 {
    font-size: 220%;
  }

  .PT-FS250 {
    font-size: 250%;
  }

}

/*
======================================================================================================
[JS] ドロップダウンリスト(signmall_common.js使用分)
======================================================================================================
*/
.JSDropDownGroup {}

.JSDropDownList {
  z-index: 999;
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  list-style: none;
  text-align: left;
  margin: 0;
  padding: 4px;
  background: #FFF;
  -moz-box-shadow: 0 0 5px #DDD;
  -webkit-box-shadow: 0 0 5px #DDD;
}

.JSDropDownList li {
  margin: 0;
  padding: 0;
  float: none;
}

.JSDropDownList li span.Tit {
  display: block;
  font-weight: bold;
  padding: 10px 8px 3px 10px;
  background-color: #FFF;
}

.JSDropDownList li a {
  display: block;
  font-weight: bold;
  padding: 6px 8px 6px 10px;
  color: #006dcc;
  background-color: #FFF;
}

.JSDropDownList li a:hover {
  color: #FFF;
  background-color: #006dcc;
}


.TIPS {
  position: relative;
  list-style: none;
  text-align: left;
  margin: 0;
  padding: 4px;
  background: #FFF;
  -moz-box-shadow: 0 0 5px #DDD;
  -webkit-box-shadow: 0 0 5px #DDD;
}

/* 吹き出し無しの普通のボックス */
.TIPS-B {
  border: 1px solid #CCC;
}

/* 下向き・左揃え吹き出し */
.TIPS-B-L {
  border: 1px solid #CCC;
}

.TIPS-B-L:after,
.TIPS-B-L:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.TIPS-B-L:after {
  border-width: 5px;
  left: 15px;
  margin-left: -5px;
  border-bottom-color: #FFF;
}

.TIPS-B-L:before {
  border-width: 7px;
  left: 15px;
  margin-left: -7px;
  border-bottom-color: #CCC;
}

/* 下向き・右揃え吹き出し */
.TIPS-B-R {
  border: 1px solid #CCC;
}

.TIPS-B-R:after,
.TIPS-B-R:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.TIPS-B-R:after {
  border-width: 5px;
  left: 92%;
  margin-left: -5px;
  border-bottom-color: #FFF;
}

.TIPS-B-R:before {
  border-width: 7px;
  left: 92%;
  margin-left: -7px;
  border-bottom-color: #CCC;
}

/* 上向き・左揃え吹き出し */
.TIPS-T-L {
  border: 1px solid #CCC;
}

.TIPS-T-L:after,
.TIPS-T-L:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.TIPS-T-L:after {
  border-width: 5px;
  left: 15px;
  margin-left: -5px;
  border-top-color: #FFF;
}

.TIPS-T-L:before {
  border-width: 7px;
  left: 15px;
  margin-left: -7px;
  border-top-color: #CCC;
}

/* 上向き・センター揃え吹き出し */
.TIPS-T-C {
  border: 1px solid #CCC;
}

.TIPS-T-C:after,
.TIPS-T-C:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.TIPS-T-C:after {
  border-width: 4px;
  left: 50%;
  margin-left: -4px;
  border-top-color: #FFF;
}

.TIPS-T-C:before {
  border-width: 7px;
  left: 50%;
  margin-left: -7px;
  border-top-color: #CCC;
}






/* 上向き・右揃え吹き出し */
.TIPS-T-R {
  border: 1px solid #CCC;
}

.TIPS-T-R:after,
.TIPS-T-R:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.TIPS-T-R:after {
  border-width: 5px;
  left: 92%;
  margin-left: -5px;
  border-top-color: #FFF;
}

.TIPS-T-R:before {
  border-width: 7px;
  left: 92%;
  margin-left: -7px;
  border-top-color: #CCC;
}

/* 左向き（吹き出しは右側に出る） */
.TIPS-L {
  border: 1px solid #CCC;
}

.TIPS-L:after,
.TIPS-L:before {
  left: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.TIPS-L:after {
  border-width: 5px;
  top: 15px;
  margin-top: -5px;
  border-left-color: #FFF;
}

.TIPS-L:before {
  border-width: 7px;
  top: 15px;
  margin-top: -7px;
  border-left-color: #CCC;
}

/* 右向き（吹き出しは左側に出る） */
.TIPS-R {
  border: 1px solid #CCC;
}

.TIPS-R:after,
.TIPS-R:before {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.TIPS-R:after {
  border-width: 5px;
  top: 15px;
  margin-top: -5px;
  border-right-color: #FFF;
}

.TIPS-R:before {
  border-width: 7px;
  top: 15px;
  margin-top: -7px;
  border-right-color: #CCC;
}


/*青色radioボタン*/
ul.BlueCheckList::after {
  display: block;
  content: '';
  clear: both;
}

ul.BlueCheckList label {
  position: relative;
  display: block;
  word-break: break-all;
}

ul.BlueCheckList label>input[type="checkbox"]+span,
ul.BlueCheckList label>input[type="radio"]+span {
  position: relative;
  padding: 0 0 0 30px;
}

ul.BlueCheckList label>input[type="checkbox"]+span::before {
  border-color: #919191;
}

ul.BlueCheckList label>input[type="checkbox"]:checked+span::before {
  border-color: #3399ff;
  background-color: #3399ff !important;
}

.BlueCheckList label span {
  display: inline-block;
  cursor: pointer;
}

ul.BlueCheckList label>input[type="checkbox"],
ul.BlueCheckList label>input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

ul.BlueCheckList label>input[type="checkbox"]+span::before,
ul.BlueCheckList label>input[type="checkbox"]+span::after,
ul.BlueCheckList label>input[type="radio"]+span::before,
ul.BlueCheckList label>input[type="radio"]+span::after {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  content: '';
  box-sizing: border-box;
}

ul.BlueCheckList label>input[type="checkbox"]+span::before,
ul.BlueCheckList label>input[type="radio"]+span::before {
  z-index: 0;
  background-color: transparent;
  width: 22px;
  height: 22px;
  border: 2px #919191 solid;
  border-radius: 300px;
}

ul.BlueCheckList label>input[type="checkbox"]+span::after,
ul.BlueCheckList label>input[type="radio"]+span::after {
  z-index: 1;
  margin: 5px 8px;
  width: 6px;
  height: 9px;
}

ul.BlueCheckList label>input[type="checkbox"]:checked+span::before,
ul.BlueCheckList label>input[type="radio"]:checked+span::before {
  border-color: #3399ff;
  background-color: #3399ff !important;
}

ul.BlueCheckList label>input[type="checkbox"]:checked+span::after,
ul.BlueCheckList label>input[type="radio"]:checked+span::after {
  border: 2px solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*
======================================================================================================
[TB]テーブル
======================================================================================================
*/
.TB {
  border-collapse: separate;
  border-spacing: 0;
  border-spacing: 0;
  border-top: solid 1px #CCC;
  border-left: solid 1px #CCC;
}

.TB.P th,
.TB.P td {
  padding: 5px;
}

.TB th,
.TB td {
  border-bottom: solid 1px #CCC;
  border-right: solid 1px #CCC;
  word-break: break-all;
  font-weight: normal;
}

.TB th {
  background: #EEE;
}


.TBVATop {
  border-collapse: separate;
  border-spacing: 0;
  border-spacing: 0;
  border-top: solid 1px #CCC;
  border-left: solid 1px #CCC;
}

.TBVATop.P th,
.TBVATop.P td {
  padding: 5px;
}

.TBVATop th,
.TBVATop td {
  border-bottom: solid 1px #CCC;
  border-right: solid 1px #CCC;
  vertical-align: top;
  word-break: break-all;
  font-weight: normal;
}

.TBVATop th {
  background: #EEE;
}

/*
======================================================================================================
[Tab]タブリスト
======================================================================================================
*/
.Tab {
  margin-bottom: 10px;
  margin-left: 0;
  list-style: none;
  zoom: 1;
}

.Tab li {
  display: block;
}

.Tab li a {
  display: block;
}

.Tab>li>a:hover,
.Tab>li>a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.Tab:before,
.Tab:after {
  display: table;
  line-height: 0;
  content: "";
}

.Tab:after {
  clear: both;
}

.Tab>li {
  float: left;
}

.Tab>li>a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}

.Tab {
  border-bottom: 1px solid #ddd;
}

.Tab>li {
  margin-bottom: -1px;
}

.Tab>li>a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.Tab>li>a:hover,
.Tab>li>a:focus {
  border-color: #eeeeee #eeeeee #dddddd;
}

.Tab>.active>a,
.Tab>.active>a:hover,
.Tab>.active>a:focus {
  color: #000;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}


/*===================
水平メニュー
====================*/
.HorizonScroll {
  text-align: center;
  top: 0;
  right: 0;
  width: 100%;
}

.HorizonScroll>ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin-bottom: 10px;
}

.HorizonScroll>ul>li {
  display: table-cell;
}

.HorizonScroll>ul {
  max-width: 2000px;
}

.HorizonScroll>ul>li {
  width: 144px;
}

.HorizonScroll>ul.HorizonLeft {
  max-width: 2000px;
  width: 189px;
}

.HorizonScroll>ul.HorizonLeft>li {
  width: 189px;
}

@media screen and (max-width: 768px) {
  .HorizonScroll>ul.HorizonLeft>li {
    width: 139px;
  }
}

.HorizonScroll {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;

  -webkit-overflow-scrolling: touch;

}

.HorizonScroll::-webkit-scrollbar {
  height: 0.8em;
}

.HorizonScroll::-webkit-scrollbar-track {
  background: #F1F1F1;
}

.HorizonScroll::-webkit-scrollbar-thumb {
  background-color: #008ffd;
  border-radius: 12px;
  border-radius: 1.2rem;
}

.HorizonScroll::-webkit-scrollbar-thumb:hover {
  background-color: #37a8ff;
}



.OP1 {
  opacity: 0.1;
}

.OP2 {
  opacity: 0.2;
}

.OP3 {
  opacity: 0.3;
}

.OP4 {
  opacity: 0.4;
}

.OP5 {
  opacity: 0.5;
}

.OP6 {
  opacity: 0.6;
}

.OP7 {
  opacity: 0.7;
}

.OP8 {
  opacity: 0.8;
}

.OP9 {
  opacity: 0.9;
}

.OP10 {
  opacity: 1.0;
}



/*
======================================================================================================
ページネーションVer.2
======================================================================================================
*/
.SPPagination ul {
  list-style-type: none;
  padding-left: 0;
  text-align: center;
}

.SPPagination ul li {
  display: inline-block;
  padding: 5px 0 5px 0;
  margin-right: 5px;
  vertical-align: middle;
}

.SPPagination ul>li>a {
  display: block;
  width: 50px;
  padding: 6px 0;
  margin: 0 2px;
  text-align: center;
  color: #0555a5;
  background: #fff;
  border: solid 1px #ccc;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.SPPagination ul>li>a.Active {
  color: #333;
  background: #FC0;
}

.SPPagination ul>li>span {
  text-align: center;
  padding: 0px;
}

.SPPaginationBtnSpot span.Disabled {
  opacity: .3;
  cursor: default;
}

.SPPaginationBtnSpot span.Disabled,
.SPPaginationBtnSpot span.Disabled:hover {
  color: #333;
}

.SPPaginationPrevBtn {
  background: url(/html/signmall/images/sp/svg/arrow-24-icon-left-blue-thin.svg) no-repeat;
  background-size: 20px;
  background-position: 5% 50%;
  padding-left: 22px;
}

.SPPaginationNextBtn {
  background: url(/html/signmall/images/sp/svg/arrow-24-icon-right-blue-thin.svg) no-repeat;
  background-size: 20px;
  background-position: 95% 50%;
  padding-right: 22px;
}


/*
======================================================================================================
入力フォーム
======================================================================================================
*/
/*Input:font-size120%固定※ただし、.Inputのみ指定なし*/

.Input {
  padding: 5px;
  border: 1px solid #2489ce;
  border-radius: 3px;
  box-sizing: border-box;
}

.defaultInput {
  padding: 5px;
  border: 1px solid #2489ce;
  border-radius: 3px;
  box-sizing: border-box;
  font-size: 120%;
}

.activeInput {
  color: #003399;
  padding: 5px;
  border: 1px solid #2489ce;
  border-radius: 3px;
  box-sizing: border-box;
  font-size: 120%;
  background: #e2eff7;
}

.mustInput {
  padding: 5px;
  border: 1px solid #fd554d;
  border-radius: 3px;
  box-sizing: border-box;
  font-size: 120%;
  background: #ffe4e1;
}

.disableInput {
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-sizing: border-box;
  font-size: 120%;
  background: #f1f1f1;
  color: #666;
}

/*Btn:font-sizeなし*/
.defaultBtn {
  padding: 5px 20px;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-sizing: border-box;
  color: #333;
  background: #f4f4f4;
  border-radius: 300px;
  -moz-border-radius: 300px;
  -webkit-border-radius: 300px;
}

.activeBtn {
  padding: 5px 20px;
  border: 1px solid #2489ce;
  border-radius: 3px;
  box-sizing: border-box;
  color: #003399;
  border: 1px solid #2489ce;
  background: #e2eff7;
  border-radius: 300px;
  -moz-border-radius: 300px;
  -webkit-border-radius: 300px;
}

.blueBtn {
  padding: 5px 20px;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  border: 1px solid #2489ce;
  background: #006dcc;
  border-radius: 300px;
  -moz-border-radius: 300px;
  -webkit-border-radius: 300px;
}

.blueBtnP {
  padding: 5px 80px;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  border: 1px solid #2489ce;
  background: #006dcc;
  border-radius: 300px;
  -moz-border-radius: 300px;
  -webkit-border-radius: 300px;
}

.whiteBtn {
  padding: 5px 20px;
  border-radius: 3px;
  box-sizing: border-box;
  color: #222;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 300px;
  -moz-border-radius: 300px;
  -webkit-border-radius: 300px;
}

.pinkBtn {
  padding: 5px 20px;
  border-radius: 3px;
  box-sizing: border-box;
  color: #f52c2c;
  border: 1px solid #fd554d;
  background: #ffe4e1;
  border-radius: 300px;
  -moz-border-radius: 300px;
  -webkit-border-radius: 300px;
}




/*
==========================
水色チェックボックス（中央揃え対応版）
==========================
*/
.BlueCheckBox::after {
  display: block;
  content: '';
  clear: both;
}

.BlueCheckBox label {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
  word-break: break-word;
}

.BlueCheckBox label>input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.BlueCheckBox label>input+div {
  position: relative;
  padding-left: 30px;
  display: flex;
  align-items: center;
  height: 100%;
}

.BlueCheckBox label>input+div::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  border: 2px solid #aaa;
  border-radius: 50%;
  background-color: #fff;
  box-sizing: border-box;
  content: '';
  z-index: 0;
}

.BlueCheckBox label>input+div::after {
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%) rotate(45deg);
  margin-top: -.15em;
  /* ← ここで微妙に上に */
  width: 5px;
  height: 10px;
  border: 2px solid #aaa;
  border-width: 0 2px 2px 0;
  content: '';
  z-index: 1;
}

.BlueCheckBox label>input:checked+div::before {
  background-color: #3399ff;
  border-color: #3399ff;
}

.BlueCheckBox label>input:checked+div::after {
  border-color: #fff;
}




/*
======================================================================================================
※重要・コピーライト
======================================================================================================
Copyright 株式会社サインモール All Rights Reserved.
無断転用禁止
当ファイルの無断転用及び複製等の行為を固く禁じます。
*/