@charset "UTF-8";

/* Micro Clearfix Hack */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

/* フロート解除 */
.clear,
.both {
  clear: both;
}

.left {
  float: left;
}
.right {
  float: right;
}

.aright {
  text-align: right;
}
.acenter {
  text-align: center;
}

.inline_block {
  display: inline-block;
}
.center {
  text-align: center;
}
.bold {
  font-weight: bold;
}

.pagination {
  margin-bottom: 10px;
}

.maxh100 {
  max-height: 100px;
}
.maxh200 {
  max-height: 200px;
}
.maxw100 {
  max-width: 100px;
}
.maxw200 {
  max-width: 200px;
}

.scroll {
  overflow: auto;
}

.bd_blue {
  border-color: #56C6F6;
}
.bd_green {
  border-color: #7DD952;
}
.bd_red {
  border-color: #FF5352;
}
.bd_orange {
  border-color: #FD7926;
}

.lh20 {
  line-height: 20px;
}
.lh30 {
  line-height: 30px;
}
.lh40 {
  line-height: 40px;
}

.ico_req {
  vertical-align: middle;
  padding: 1px 5px;
  margin: 0;
}

.normal {
  font-weight: normal !important;
}
.block {
  display: block;
}
.pointer {
  cursor: pointer;
}

.red {
  color: red;
}
.blue {
  color: #00f;
}
.orange {
  color: #FF7900;
}
.gray {
  color: #999;
}
.green {
  color: #3FA819;
}

.fs10 {
  font-size: 10px;
}
.fs12 {
  font-size: 12px;
}
.fs14 {
  font-size: 14px;
}
.fs16 {
  font-size: 16px;
}
.fs18 {
  font-size: 18px;
}
.fs20 {
  font-size: 20px;
}
.fs22 {
  font-size: 22px;
}
.fs24 {
  font-size: 24px;
}
.fs32 {
  font-size: 32px;
}
.fs48 {
  font-size: 48px;
}

.pd0 {
  padding: 0;
}
.mg0 {
  margin: 0;
}

.mgt40 {
  margin-top: 40px;
}
.mgb40 {
  margin-bottom: 40px;
}
.mgr40 {
  margin-right: 40px;
}
.mgl40 {
  margin-left: 40px;
}

.mgt20 {
  margin-top: 20px;
}
.mgb20 {
  margin-bottom: 20px;
}
.mgr20 {
  margin-right: 20px;
}
.mgl20 {
  margin-left: 20px;
}

.mgt10 {
  margin-top: 10px;
}
.mgb10 {
  margin-bottom: 10px;
}
.mgr10 {
  margin-right: 10px;
}
.mgl10 {
  margin-left: 10px;
}

.mgt5 {
  margin-top: 5px;
}
.mgb5 {
  margin-bottom: 5px;
}
.mgr5 {
  margin-right: 5px;
}
.mgl5 {
  margin-left: 5px;
}

.pd5 {
  padding: 5px;
}
.pd10 {
  padding: 10px;
}
.pd20 {
  padding: 20px;
}
.pd40 {
  padding: 40px;
}

.wd20 {
  width: 20px !important;
}
.wd30 {
  width: 30px !important;
}
.wd40 {
  width: 40px !important;
}
.wd50 {
  width: 50px !important;
}
.wd60 {
  width: 60px !important;
}
.wd80 {
  width: 80px !important;
}
.wd100 {
  width: 100px !important;
}
.wd160 {
  width: 160px !important;
}
.wd180 {
  width: 180px !important;
}
.wd200 {
  width: 200px !important;
}
.wd240 {
  width: 240px !important;
}
.wd320 {
  width: 320px !important;
}
.wd480 {
  width: 480px !important;
}
.wd640 {
  width: 640px !important;
}
.wd750 {
  width: 750px !important;
}
.wd_full {
  width: 100% !important;
}
.nowrap {
  word-break: break-all;
}

#pageTop {
  background: #000;
  border-radius: 5px;
  color: #FFF;
  opacity: 0.5;
  padding: 15px;
  position: fixed;
  bottom: 20px;
  right: 20px;
}
#pageTop:hover {
  background: #333;
  text-decoration: none;
}