@charset "UTF-8";
/* ===============================================================================
 * frame
 * =============================================================================== */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: 0; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:before, .slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

@font-face {
  font-family: uqb;
  src: url(/assets2/font/uqb.eot);
  src: url(/assets2/font/uqb.eot?#iefix) format("embedded-opentype"), url(/assets2/font/uqb.woff) format("woff"), url(/assets2/font/uqb.ttf) format("truetype"), url(/assets2/font/uqb.svg#uniqlo_proregular) format("svg");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: uq;
  src: url(/assets2/font/uq.eot);
  src: url(/assets2/font/uq.eot?#iefix) format("embedded-opentype"), url(/assets2/font/uq.woff) format("woff"), url(/assets2/font/uq.ttf) format("truetype"), url(/assets2/font/uq.svg#uniqlo_proregular) format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'fntIco';
  src: url("/assets2/font/fntIco.eot?35855784");
  src: url("/assets2/font/fntIco.eot?35855784#iefix") format("embedded-opentype"), url("/assets2/font/fntIco.woff?35855784") format("woff"), url("/assets2/font/fntIco.ttf?35855784") format("truetype"), url("/assets2/font/fntIco.svg?35855784#fontello") format("svg");
  font-weight: normal;
  font-style: normal; }

.sub_header img {
  vertical-align: bottom; }

.sub_header {
  width: 1230px;
  margin: 0 auto;
  padding: 10px 30px; }

.sub_header .breadcrumbs {
  float: left;
  margin-top: 5px; }

.sub_header .breadcrumbs a {
  color: red; }

.sub_header .sns_box {
  float: right; }

.sub_header .sns_box dd,
.sub_header .sns_box dt {
  float: left;
  margin-left: 10px; }

/* ======================================================
　 汎用
======================================================= */
/* ClearFix */
.cf, .wrap, .inner {
  zoom: 1; }
  .cf:after, .wrap:after, .inner:after {
    content: "";
    display: block;
    clear: both; }

a {
  color: #ff0000; }

.js-tabContents,
.js-toggleContents {
  display: none; }

.js-tabContents.is-active {
  display: block; }

.view {
  display: block !important; }

.none {
  display: none !important; }

.hidden {
  overflow: hidden !important; }

.fleft {
  float: left !important; }

.fright {
  float: right !important; }

.fnone {
  float: none !important; }

.tleft {
  text-align: left !important; }

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

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

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

.normal {
  font-weight: normal !important; }

.clear {
  clear: both; }

.vtop {
  vertical-align: top !important; }

.vmdl {
  vertical-align: middle !important; }

.vbtm {
  vertical-align: bottom !important; }

.italic {
  font-style: italic !important; }

.nowrap {
  white-space: nowrap !important; }

.wide {
  width: 100%;
  height: auto;
  max-width: none !important; }

.nwide {
  max-width: 100% !important;
  width: auto !important;
  height: auto; }

.uline {
  text-decoration: underline !important; }

hr.clear {
  width: 95%;
  height: 0;
  border: none;
  font-size: 0;
  line-height: 0; }

.break {
  word-wrap: break-word;
  word-break: break-all; }

/* color */
.colRED {
  color: #d90000 !important; }

.colWHT {
  color: #fff !important; }

.fntMin {
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif,Helvetica; }

/* border */
.img-line {
  border: 1px solid #ccc; }

.toggle-contents {
  display: none; }

/* inline-block */
.ib {
  display: inline-block !important;
  vertical-align: top; }

dl.ib {
  letter-spacing: -1em;
  display: table; }
  dl.ib dt, dl.ib dd {
    display: inline-block !important;
    letter-spacing: normal;
    vertical-align: top; }

ul.ib {
  letter-spacing: -.40em; }
  ul.ib li {
    display: inline-block !important;
    letter-spacing: normal;
    vertical-align: top; }
    ul.ib li.isSPb {
      display: none !important; }
  ul.ib.list li {
    margin-right: 12px; }

/* indent-block */
dl.idb {
  margin-top: -10px;
  *zoom: 1; }
  dl.idb:after {
    content: "";
    display: block;
    clear: both; }
  dl.idb dt {
    clear: both;
    float: left;
    margin-right: 5px;
    padding-top: 10px;
    vertical-align: top;
    line-height: 1.3; }
    dl.idb dt.colspan {
      float: none;
      margin-right: 0; }
  dl.idb dd {
    overflow: hidden;
    padding: 10px 10px 0 0;
    vertical-align: top;
    line-height: 1.3; }
    dl.idb dd.colspan {
      padding-top: 0; }

/* table-block */
.tblb {
  display: table;
  width: 100%;
  letter-spacing: -1em; }
  .tblb .tbc {
    display: table-cell;
    letter-spacing: normal; }

div.caution,
p.caution,
ul.caution li {
  padding-left: 1.0em;
  text-indent: -1.0em; }

/*margin*/
.spt0 {
  margin-top: 0px !important; }

.spt5 {
  margin-top: 5px !important; }

.spt10 {
  margin-top: 10px !important; }

.spt15 {
  margin-top: 15px !important; }

.spt20 {
  margin-top: 20px !important; }

.spt25 {
  margin-top: 25px !important; }

.spt30 {
  margin-top: 30px !important; }

.spt35 {
  margin-top: 35px !important; }

.spt40 {
  margin-top: 40px !important; }

.spt45 {
  margin-top: 45px !important; }

.spt50 {
  margin-top: 50px !important; }

.spt55 {
  margin-top: 55px !important; }

.spt60 {
  margin-top: 60px !important; }

.spb0 {
  margin-bottom: 0px !important; }

.spb5 {
  margin-bottom: 5px !important; }

.spb10 {
  margin-bottom: 10px !important; }

.spb15 {
  margin-bottom: 15px !important; }

.spb20 {
  margin-bottom: 20px !important; }

.spb25 {
  margin-bottom: 25px !important; }

.spb30 {
  margin-bottom: 30px !important; }

.spb35 {
  margin-bottom: 35px !important; }

.spb40 {
  margin-bottom: 40px !important; }

.spb45 {
  margin-bottom: 45px !important; }

.spb50 {
  margin-bottom: 50px !important; }

.spb55 {
  margin-bottom: 55px !important; }

.spb60 {
  margin-bottom: 60px !important; }

.spl0 {
  margin-left: 0px !important; }

.spl5 {
  margin-left: 5px !important; }

.spl10 {
  margin-left: 10px !important; }

.spl15 {
  margin-left: 15px !important; }

.spl20 {
  margin-left: 20px !important; }

.spl25 {
  margin-left: 25px !important; }

.spl30 {
  margin-left: 30px !important; }

.spl35 {
  margin-left: 35px !important; }

.spl40 {
  margin-left: 40px !important; }

.spl45 {
  margin-left: 45px !important; }

.spl50 {
  margin-left: 50px !important; }

.spl55 {
  margin-left: 55px !important; }

.spl60 {
  margin-left: 60px !important; }

.spr0 {
  margin-right: 0px !important; }

.spr5 {
  margin-right: 5px !important; }

.spr10 {
  margin-right: 10px !important; }

.spr15 {
  margin-right: 15px !important; }

.spr20 {
  margin-right: 20px !important; }

.spr25 {
  margin-right: 25px !important; }

.spr30 {
  margin-right: 30px !important; }

.spr35 {
  margin-right: 35px !important; }

.spr40 {
  margin-right: 40px !important; }

.spr45 {
  margin-right: 45px !important; }

.spr50 {
  margin-right: 50px !important; }

.spr55 {
  margin-right: 55px !important; }

.spr60 {
  margin-right: 60px !important; }

.spauto {
  margin-right: auto !important;
  margin-left: auto !important; }

/*padding*/
.sppt0 {
  padding-top: 0 !important; }

.sppt5 {
  padding-top: 5px !important; }

.sppt10 {
  padding-top: 10px !important; }

.sppt15 {
  padding-top: 15px !important; }

.sppt20 {
  padding-top: 20px !important; }

.sppt25 {
  padding-top: 25px !important; }

.sppt30 {
  padding-top: 30px !important; }

.sppt35 {
  padding-top: 35px !important; }

.sppt40 {
  padding-top: 40px !important; }

.sppt45 {
  padding-top: 45px !important; }

.sppt50 {
  padding-top: 50px !important; }

.sppt55 {
  padding-top: 55px !important; }

.sppt60 {
  padding-top: 60px !important; }

.sppb0 {
  padding-bottom: 0 !important; }

.sppb5 {
  padding-bottom: 5px !important; }

.sppb10 {
  padding-bottom: 10px !important; }

.sppb15 {
  padding-bottom: 15px !important; }

.sppb20 {
  padding-bottom: 20px !important; }

.sppb25 {
  padding-bottom: 25px !important; }

.sppb30 {
  padding-bottom: 30px !important; }

.sppb35 {
  padding-bottom: 35px !important; }

.sppb40 {
  padding-bottom: 40px !important; }

.sppb45 {
  padding-bottom: 45px !important; }

.sppb50 {
  padding-bottom: 50px !important; }

.sppb55 {
  padding-bottom: 55px !important; }

.sppb60 {
  padding-bottom: 60px !important; }

.sppl0 {
  padding-left: 0 !important; }

.sppl5 {
  padding-left: 5px !important; }

.sppl10 {
  padding-left: 10px !important; }

.sppl15 {
  padding-left: 15px !important; }

.sppl20 {
  padding-left: 20px !important; }

.sppl25 {
  padding-left: 25px !important; }

.sppl30 {
  padding-left: 30px !important; }

.sppl35 {
  padding-left: 35px !important; }

.sppl40 {
  padding-left: 40px !important; }

.sppl45 {
  padding-left: 45px !important; }

.sppl50 {
  padding-left: 50px !important; }

.sppl55 {
  padding-left: 55px !important; }

.sppl60 {
  padding-left: 60px !important; }

.sppr0 {
  padding-right: 0 !important; }

.sppr5 {
  padding-right: 5px !important; }

.sppr10 {
  padding-right: 10px !important; }

.sppr15 {
  padding-right: 15px !important; }

.sppr20 {
  padding-right: 20px !important; }

.sppr25 {
  padding-right: 25px !important; }

.sppr30 {
  padding-right: 30px !important; }

.sppr35 {
  padding-right: 35px !important; }

.sppr40 {
  padding-right: 40px !important; }

.sppr45 {
  padding-right: 45px !important; }

.sppr50 {
  padding-right: 50px !important; }

.sppr55 {
  padding-right: 55px !important; }

.sppr60 {
  padding-right: 60px !important; }

/* width */
.w100p {
  width: 100% !important; }

#breadcrumb {
  max-width: 1600px;
  min-width: 980px;
  margin: auto;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box !important;
  -o-box-sizing: border-box !important;
  -ms-box-sizing: border-box !important;
  box-sizing: border-box !important; }
  #breadcrumb .breadcrumb-list {
    letter-spacing: -.40em;
    padding-top: 10px;
    padding-bottom: 8px; }
    #breadcrumb .breadcrumb-list li {
      display: inline-block;
      letter-spacing: normal;
      vertical-align: middle;
      font-size: 13px;
      font-size: 1.3rem; }
      #breadcrumb .breadcrumb-list li a {
        margin-right: 8px;
        line-height: 1.3;
        color: #c83250; }
        #breadcrumb .breadcrumb-list li a:after {
          content: ">";
          display: inline-block;
          vertical-align: middle;
          margin-left: 8px;
          margin-top: -.1em;
          color: #333; }
        #breadcrumb .breadcrumb-list li a:hover {
          color: #000; }

.rcrumbs {
  /*   white-space: nowrap;
padding:10px 0 5px;
margin-right: 10px;
min-height: 41px; */
  white-space: nowrap;
  overflow: hidden;
  min-height: 37px; }

/* .rcrumbs > ul {
}
.rcrumbs ul li {
//  font-size: 13px;
//font-size:1.3rem;
}
.rcrumbs > ul > li {
  overflow: hidden;
  display: none;
}
.rcrumbs > ul > li.show {
 display: inline-block;
}
.rcrumbs > ul > li.ellipsis {
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
}
.rcrumbs a {
  //color: #4682b4;
  text-decoration: none;
}
.rcrumbs a:hover {
  //color: #565c6e;
  text-decoration: underline;
}
.rcrumbs .divider {
  color: #223f9a;
  padding: 0 5px;
} */
/* link arrow style */
/* blank */
#container a.blank {
  display: inline-block;
  overflow: hidden;
  line-height: 1.3;
  vertical-align: middle; }
  #container a.blank:after {
    content: "";
    background: url(/assets2/images/cmn/ui.png) no-repeat -146px -24px;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    margin-top: -.2em;
    vertical-align: middle;
    margin-right: 5px; }

/* arrow */
.arr a {
  display: inline-block;
  position: relative;
  padding-left: 10px;
  line-height: 1.3; }
  .arr a:before {
    content: "";
    position: absolute;
    left: 0;
    top: .3em;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 4px;
    border-color: transparent transparent transparent #000; }

.arrY a {
  display: inline-block;
  padding-left: 1.5em;
  line-height: 1.3; }
  .arrY a:before {
    content: "→";
    display: inline-block;
    margin-left: -1.5em; }

/* ======================================================
　banner block type
======================================================= */
.bnr-list li {
  line-height: 0; }

.bnr-list.vertical li {
  margin-top: 15px; }
  .bnr-list.vertical li:first-child {
    margin-top: 0; }

.bnr-list.horizon li {
  display: inline-block;
  margin-top: 15px;
  padding: 0 2%; }
  .bnr-list.horizon li:nth-child(1), .bnr-list.horizon li:nth-child(2) {
    margin-top: 0; }

/* ===============================================================================
 *  title
 * =============================================================================== */
.title-box {
  width: 100%;
  text-align: center;
  position: relative;
  padding: 70px 20px; }

/* ===============================================================================
 *  box-wrap
 * =============================================================================== */
.box-wrap {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start; }
  .no-flexbox .box-wrap {
    display: table;
    word-spacing: -1em;
    table-layout: fixed; }
  .box-wrap.block1 .box:nth-child(n+2),
  .box-wrap.block2 .box:nth-child(n+3),
  .box-wrap.block3 .box:nth-child(n+4),
  .box-wrap.block4 .box:nth-child(n+5),
  .box-wrap.block5 .box:nth-child(n+6),
  .box-wrap.block6 .box:nth-child(n+7) {
    margin-top: 15px; }
  .box-wrap img.border {
    border: 1px solid #dedede; }
  .no-flexbox .box-wrap .box {
    display: inline-block;
    word-spacing: normal;
    vertical-align: top; }
  .box-wrap.border .box {
    border: 1px solid #dedede; }
    .box-wrap.border .box a {
      padding: 12px 10px;
      display: block; }
  .box-wrap.bnr a {
    padding: 5px !important; }
    .box-wrap.bnr a img {
      width: 100%;
      max-width: none; }
  .box-wrap.block1 {
    width: 100%; }
    .box-wrap.block1 .box {
      width: 100%; }
  .box-wrap.block2 {
    width: 101.5%;
    margin-left: -1.5%; }
    .box-wrap.block2 .box {
      width: 48.5%;
      margin-left: 1.5%; }
  .box-wrap.block3 {
    width: 101.5%;
    margin-left: -1.5%; }
    .box-wrap.block3 .box {
      width: 31.83333333%;
      margin-left: 1.5%; }
  .box-wrap.block4 {
    width: 101.666666667%;
    margin-left: -1.666666667%; }
    .box-wrap.block4 .box {
      width: 23.33333333%;
      margin-left: 1.666666667%; }
  .box-wrap.block5 {
    width: 101.333333333%;
    margin-left: -1.333333333%; }
    .box-wrap.block5 .box {
      width: 18.66666667%;
      margin-left: 1.333333333%; }
  .box-wrap.block6 {
    width: 101.66666667%;
    margin-left: -1.66666667%; }
    .box-wrap.block6 .box {
      width: 15%;
      margin-left: 1.66666667%; }

.title-box + .box-wrap {
  padding-top: 16px; }

/* col-{**}-n を使う場合は囲む */
.col-wrap {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start; }
  .col-wrap.tcenter {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .no-flexbox .col-wrap {
    word-spacing: -1em;
    display: table;
    table-layout: fixed; }
  .col-wrap.tcenter {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }

.no-flexbox .col-md-1, .no-flexbox .col-md-2, .no-flexbox .col-md-3, .no-flexbox .col-md-4, .no-flexbox .col-md-5, .no-flexbox .col-md-6, .no-flexbox .col-md-7, .no-flexbox .col-md-8, .no-flexbox .col-md-9, .no-flexbox .col-md-10, .no-flexbox .col-md-11, .no-flexbox .col-md-12 {
  vertical-align: top;
  display: inline-block;
  word-spacing: normal; }

.col-md-12 {
  width: 100%; }

.col-md-11 {
  width: 91.66666667%; }

.col-md-10 {
  width: 83.33333333%; }

.col-md-9 {
  width: 75%; }

.col-md-8 {
  width: 66.66666667%; }

.col-md-7 {
  width: 58.33333333%; }

.col-md-6 {
  width: 50%; }

.col-md-5 {
  width: 41.66666667%; }

.col-md-4 {
  width: 33.33333333%; }

.col-md-3 {
  width: 25%; }

.col-md-2 {
  width: 16.66666667%; }

.col-md-1 {
  width: 8.33333333%; }

/*# sourceMappingURL=../map/ut.share.css.map */