@charset "UTF-8";
/*other*/
.center {
  text-align: center !important;
}

.hidden {
  overflow: hidden;
}

.clearboth {
  clear: both;
}

.flr {
  float: right;
}

.fll {
  float: left;
}

.clearfix:after {
  content: ".";
  /* 新しい要素を作る */
  display: block;
  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

/* ↑↓どちらを使うか決める */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

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

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

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

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

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

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

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

.mt70 {
  margin-top: 70px !important;
}

.mt80 {
  margin-top: 80px !important;
}

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

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

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

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

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

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

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

.mr70 {
  margin-right: 70px !important;
}

.mr80 {
  margin-right: 80px !important;
}

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

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

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

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

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

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

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

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

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

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

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

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

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

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

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

.ml70 {
  margin-left: 70px !important;
}

.ml80 {
  margin-left: 80px !important;
}

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

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

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

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

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

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

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

.pt70 {
  padding-top: 70px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pr0 {
  padding-right: 0px !important;
}

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

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

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

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

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

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

.pr70 {
  padding-right: 70px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

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

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

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

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

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

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

.pb70 {
  padding-bottom: 70px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pl0 {
  padding-left: 0px !important;
}

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

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

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

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

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

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

.pl70 {
  padding-left: 70px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.pro5 {
  padding: 5px !important;
}

/*color*/
.red01 {
  color: #f00 !important;
}

.blue01 {
  color: #06f !important;
}

.green01 {
  color: #060 !important;
}

.orange01 {
  color: #f60 !important;
}

/*font-size*/
.fs100 {
  font-size: 100% !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;
}

.fs170 {
  font-size: 170% !important;
}

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

.fs190 {
  font-size: 190% !important;
}

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

.fs210 {
  font-size: 210% !important;
}

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

.fs230 {
  font-size: 230% !important;
}

.fs240 {
  font-size: 240% !important;
}

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

/*line-height*/
.lh120 {
  line-height: 120% !important;
}

.lh130 {
  line-height: 130% !important;
}

.lh140 {
  line-height: 140% !important;
}

.lh150 {
  line-height: 150% !important;
}

.lh160 {
  line-height: 160% !important;
}

.lh170 {
  line-height: 170% !important;
}

.lh180 {
  line-height: 180% !important;
}

/*border*/
.bdro {
  border: 1px solid #dfdfdf;
}

.bdt {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #dfdfdf;
}

.bdr {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #dfdfdf;
}

.bdb {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #dfdfdf;
}

.bdl {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #dfdfdf;
}

/*---------------------
レスポンシブ表示、非表示
-----------------------*/
/* Pc 769px以上 */
@media print, screen and (min-width: 769px) {
  .tlsp {
    display: none;
  }
  .sp {
    display: none;
  }
}

/* Pad 641px〜768px */
@media screen and (min-width: 641px) and (max-width: 768px) {
  .pc {
    display: none;
  }
  .sp {
    display: none;
  }
}

/* Sp 640px以下 */
@media screen and (max-width: 640px) {
  .pc {
    display: none;
  }
  .pctl {
    display: none;
  }
}

/*---------------------
レスポンシブ表示
-----------------------*/
/* Pc 769px以上 */
@media print, screen and (min-width: 769px) {
  .pccenter {
    text-align: center;
  }
  .inside-pc {
    max-width: 1280px;
  }
  /*inside-pcと並べるcss*/
  .isw79 {
    width: 79%;
  }
}

/* Pc 768px以下 */
@media screen and (max-width: 768px) {
  .inside-sp {
    padding-left: 2%;
    padding-right: 2%;
  }
}