@charset "UTF-8";
/*======================================================================

 //汎用クラス指定 
	
======================================================================*/
/*====================================================================== 
clearfix
======================================================================*/
.cf:after {
  display: block;
  content: "";
  clear: both;
}

/*====================================================================== 
hide-text
======================================================================*/
.hide-txt {
  text-indent: -999em;
}

/*====================================================================== 
box model
======================================================================*/
.img-fluid {
  width: 100%;
  height: auto;
}

/* width
----------------------------------------------------------------------*/
.fluid {
  width: 100%;
}

.w-10px { width: 10px; }
.w-20px { width: 20px; }
.w-30px { width: 30px; }
.w-40px { width: 40px; }
.w-50px { width: 50px; }
.w-60px { width: 60px; }
.w-70px { width: 70px; }
.w-80px { width: 80px; }
.w-90px { width: 90px; }
.w-100px { width: 100px; }
.w-110px { width: 110px; }
.w-120px { width: 120px; }
.w-130px { width: 130px; }
.w-140px { width: 140px; }
.w-150px { width: 150px; }
.w-160px { width: 160px; }
.w-170px { width: 170px; }
.w-180px { width: 180px; }
.w-190px { width: 190px; }
.w-200px { width: 200px; }

.w-250px {
  width: 250px;
}

.w-300px {
  width: 300px;
}

.w-350px {
  width: 350px;
}

.w-400px {
  width: 400px;
}

/* padding
----------------------------------------------------------------------*/
/*top, left, right, bottom*/
.pad-5 {
  padding: 5px;
}

.pad-10 {
  padding: 10px;
}

.pad-15 {
  padding: 15px;
}

.pad-20 {
  padding: 20px;
}

.pad-25 {
  padding: 25px;
}

.pad-30 {
  padding: 30px;
}

.pad-20-15 {
  padding: 20px 15px;
}

/*top*/
.pad-t2 {
  padding-top: 2px;
}

.pad-t3 {
  padding-top: 3px;
}

.pad-t4 {
  padding-top: 4px;
}

.pad-t5 {
  padding-top: 5px;
}

.pad-t6 {
  padding-top: 6px;
}

.pad-t7 {
  padding-top: 7px;
}

.pad-t8 {
  padding-top: 8px;
}

.pad-t9 {
  padding-top: 9px;
}

.pad-t10 {
  padding-top: 10px;
}

.pad-t15 {
  padding-top: 15px;
}

.pad-t20 {
  padding-top: 20px;
}

.pad-t25 {
  padding-top: 25px;
}

.pad-t30 {
  padding-top: 30px;
}

/*bottom*/
.pad-b2 {
  padding-bottom: 2px;
}

.pad-b3 {
  padding-bottom: 3px;
}

.pad-b4 {
  padding-bottom: 4px;
}

.pad-b5 {
  padding-bottom: 5px;
}

.pad-b6 {
  padding-bottom: 6px;
}

.pad-b7 {
  padding-bottom: 7px;
}

.pad-b8 {
  padding-bottom: 8px;
}

.pad-b9 {
  padding-bottom: 9px;
}

.pad-b10 {
  padding-bottom: 10px;
}

.pad-b15 {
  padding-bottom: 15px;
}

.pad-b20 {
  padding-bottom: 20px;
}

.pad-b25 {
  padding-bottom: 25px;
}

.pad-b30 {
  padding-bottom: 30px;
}

/*right*/
.pad-r5 {
  padding-right: 5px;
}

.pad-r10 {
  padding-right: 10px;
}

.pad-r15 {
  padding-right: 15px;
}

.pad-r20 {
  padding-right: 20px;
}

.pad-r25 {
  padding-right: 25px;
}

.pad-r30 {
  padding-right: 30px;
}

.pad-r35 {
  padding-right: 35px;
}

.pad-r40 {
  padding-right: 40px;
}

.pad-r45 {
  padding-right: 45px;
}

.pad-r50 {
  padding-right: 50px;
}

/*left*/
.pad-l5 {
  padding-left: 5px;
}

.pad-l10 {
  padding-left: 10px;
}

.pad-l15 {
  padding-left: 15px;
}

.pad-l20 {
  padding-left: 20px;
}

.pad-l25 {
  padding-left: 25px;
}

.pad-l30 {
  padding-left: 30px;
}

.pad-l35 {
  padding-left: 35px;
}

.pad-l40 {
  padding-left: 40px;
}

.pad-l45 {
  padding-left: 45px;
}

.pad-l50 {
  padding-left: 50px;
}

/*other*/
.pad-tb5-lr5 {
  padding: 5px 10px;
}

.pad-0 {
  padding: 0 !important;
}

/* margin
----------------------------------------------------------------------*/
/*top, left, right, bottom*/
.mg-auto {
  margin: 0 auto;
}

.mg-5 {
  margin: 5px;
}

.mg-10 {
  margin: 10px;
}

.mg-15 {
  margin: 15px;
}

.mg-20 {
  margin: 20px;
}

.mg-25 {
  margin: 25px;
}

.mg-30 {
  margin: 30px;
}

/*top*/
.mg-t5 {
  margin-top: 5px;
}

.mg-t10 {
  margin-top: 10px;
}

.mg-t15 {
  margin-top: 15px;
}

.mg-t20 {
  margin-top: 20px;
}

.mg-t25 {
  margin-top: 25px;
}

.mg-t30 {
  margin-top: 30px;
}

/*bottom*/
.mg-b1em {
  margin-bottom: 1em;
}

.mg-b5 {
  margin-bottom: 5px;
}

.mg-b10 {
  margin-bottom: 10px;
}

.mg-b15 {
  margin-bottom: 15px;
}

.mg-b20 {
  margin-bottom: 20px;
}

.mg-b25 {
  margin-bottom: 25px;
}

.mg-b30 {
  margin-bottom: 30px;
}

.mg-b40 {
  margin-bottom: 40px;
}

/*right*/
.mg-r2 {
  margin-right: 2px;
}

.mg-r3 {
  margin-right: 3px;
}

.mg-r4 {
  margin-right: 4px;
}

.mg-r5 {
  margin-right: 5px;
}

.mg-r10 {
  margin-right: 10px;
}

.mg-r15 {
  margin-right: 15px;
}

.mg-r20 {
  margin-right: 20px;
}

.mg-r25 {
  margin-right: 25px;
}

.mg-r30 {
  margin-right: 30px;
}

/*left*/
.mg-l5 {
  margin-left: 5px;
}

.mg-l10 {
  margin-left: 10px;
}

.mg-l15 {
  margin-left: 15px;
}

.mg-l20 {
  margin-left: 20px;
}

.mg-l25 {
  margin-left: 25px;
}

.mg-l30 {
  margin-left: 30px;
}

.mg-0 {
  margin: 0 !important;
}

/* display
----------------------------------------------------------------------*/
.block {
  display: block;
}

.none {
  display: none;
}

.inline {
  display: inline;
}

.inline-block01 {
  display: inline-block;
}

.inline-block02 {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.list-item {
  display: list-item;
}

.table {
  display: table;
}

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

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

.table-hd-group {
  display: table-header-group;
}

.table-ft-group {
  display: table-footer-group;
}

/* visibility
----------------------------------------------------------------------*/
.visible {
  visibility: visible;
}

.hidden {
  visibility: hidden;
}

/* position
----------------------------------------------------------------------*/
.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.static {
  position: staic;
}

/* vertical-align
----------------------------------------------------------------------*/
.align-top {
  vertical-align: top;
}

.align-middle {
  vertical-align: middle;
}

.align-bottom {
  vertical-align: bottom;
}

/* overflow
----------------------------------------------------------------------*/
.ov-hidden {
  overflow: hidden !important;
}

.ov-auto {
  overflow: auto !important;
}

.ov-ys {
  overflow-y: scroll !important;
}

.ov-yh {
  overflow-y: hidden !important;
}

.ov-xs {
  overflow-x: scroll !important;
}

.ov-xh {
  overflow-x: hidden !important;
}

/*====================================================================== 
background-color
======================================================================*/
.bg-white {
  background-color: #fff !important;
}

.bg-black {
  background-color: #000 !important;
}

.bg-red01 {
  background-color: #f33 !important;
}

.bg-gray01 {
  background-color: #999 !important;
}

.bg-gray02 {
  background-color: #f2f2f2 !important;
}

.bg-yellow01 {
  background-color: #fffbc4 !important;
}

.bg-yellow02 {
  background-color: #ffe100 !important;
}

.bg-blue01 {
  background-color: #d3edfb !important;
}

.bg-blue02 {
  background-color: #0071bc !important;
}

.bg-blue03 {
  background-color: #00358b !important;
}

.bg-blue04 {
  background-color: #e9f8fb !important;
}

.bg-blue05 {
  background-color: #29abe2 !important;
}

.bg-blue06 {
  background-color: #d3edfb !important;
}

.bg-green01 {
  background-color: #12bdc3 !important;
}

/*====================================================================== 
font style
======================================================================*/
/* font-size
----------------------------------------------------------------------*/
.fs-10 {
  font-size: 10px;
  font-size: 1rem;
}

.fs-11 {
  font-size: 11px;
  font-size: 1.1rem;
}

.fs-12 {
  font-size: 12px;
  font-size: 1.2rem;
}

.fs-13 {
  font-size: 13px;
  font-size: 1.3rem;
}

.fs-14 {
  font-size: 14px;
  font-size: 1.4rem;
}

.fs-15 {
  font-size: 15px;
  font-size: 1.5rem;
}

.fs-16 {
  font-size: 16px;
  font-size: 1.6rem;
}

.fs-17 {
  font-size: 17px;
  font-size: 1.7rem;
}

.fs-18 {
  font-size: 18px;
  font-size: 1.8rem;
}

.fs-19 {
  font-size: 19px;
  font-size: 1.9rem;
}

.fs-20 {
  font-size: 20px;
  font-size: 2rem;
}

.fs-21 {
  font-size: 21px;
  font-size: 2.1rem;
}

.fs-22 {
  font-size: 22px;
  font-size: 2.2rem;
}

.fs-23 {
  font-size: 23px;
  font-size: 2.3rem;
}

.fs-24 {
  font-size: 24px;
  font-size: 2.4rem;
}

.fs-25 {
  font-size: 25px;
  font-size: 2.5rem;
}

.fs-26 {
  font-size: 26px;
  font-size: 2.6rem;
}

.fs-27 {
  font-size: 27px;
  font-size: 2.7rem;
}

.fs-28 {
  font-size: 28px;
  font-size: 2.8rem;
}

.fs-29 {
  font-size: 29px;
  font-size: 2.9rem;
}

.fs-30 {
  font-size: 30px;
  font-size: 3rem;
}

/* font-weight
----------------------------------------------------------------------*/
.normal {
  font-weight: normal;
}

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

/* line-height
----------------------------------------------------------------------*/
.line-n {
  line-height: 1;
}

.line-11 {
  line-height: 11px;
  line-height: 1.1rem;
}

.line-12 {
  line-height: 12px;
  line-height: 1.2rem;
}

.line-13 {
  line-height: 13px;
  line-height: 1.3rem;
}

.line-14 {
  line-height: 14px;
  line-height: 1.4rem;
}

.line-15 {
  line-height: 15px;
  line-height: 1.5rem;
}

.line-16 {
  line-height: 16px;
  line-height: 1.6rem;
}

.line-17 {
  line-height: 17px;
  line-height: 1.7rem;
}

.line-18 {
  line-height: 18px;
  line-height: 1.8rem;
}

.line-19 {
  line-height: 19px;
  line-height: 1.9rem;
}

.line-20 {
  line-height: 20px;
  line-height: 2rem;
}

.line-21 {
  line-height: 21px;
  line-height: 2.1rem;
}

.line-22 {
  line-height: 22px;
  line-height: 2.2rem;
}

.line-23 {
  line-height: 23px;
  line-height: 2.3rem;
}

.line-24 {
  line-height: 24px;
  line-height: 2.4rem;
}

.line-25 {
  line-height: 25px;
  line-height: 2.5rem;
}

.line-26 {
  line-height: 26px;
  line-height: 2.6rem;
}

.line-27 {
  line-height: 27px;
  line-height: 2.7rem;
}

.line-28 {
  line-height: 28px;
  line-height: 2.8rem;
}

.line-29 {
  line-height: 29px;
  line-height: 2.9rem;
}

.line-30 {
  line-height: 30px;
  line-height: 3rem;
}

.line-31 {
  line-height: 31px;
  line-height: 3.1rem;
}

/* text-align
----------------------------------------------------------------------*/
.txt-center {
  text-align: center;
}

.txt-left {
  text-align: left;
}

.txt-right {
  text-align: right;
}

.txt-just {
  text-align: justify;
}

.Tc {
  text-align: center !important;
}
.Tl {
  text-align: left !important;
}
.Tr {
  text-align: right !important;
}

/* text-color
----------------------------------------------------------------------*/
.txt-white {
  color: #fff !important;
}

.txt-red01 {
  color: #ed1c24 !important;
}

.txt-red02 {
  color: #c61017 !important;
}

.txt-pink01 {
  color: #ff00ff !important;
}

.txt-orange01 {
  color: #ff6600 !important;
}

.txt-blue01 {
  color: #d3edfb !important;
}

.txt-blue02 {
  color: #0071bc !important;
}

.txt-blue03 {
  color: #0000ff !important;
}

.txt-green01 {
  color: #09C !important;
}

.txt-gray01 {
  color: #999 !important;
}

.txt-gray02 {
  color: #333 !important;
}

.txt-mof {
  color: #009fab !important;
}

/* decoration
----------------------------------------------------------------------*/
.line-through {
  text-decoration: line-through;
}

.line-under {
  text-decoration: underline;
}

/* white-space
----------------------------------------------------------------------*/
.txt-nowrap {
  white-space: nowrap;
}

.txt-lowercase {
  text-transform: lowercase;
}

.txt-uppercase {
  text-transform: uppercase;
}

.txt-capitalize {
  text-transform: capitalize;
}

/* word-wrap
----------------------------------------------------------------------*/
.break-word {
  word-wrap: break-word;
}