@charset "UTF-8";

/*初期化*/
#wrapper {
  line-height: 1.0em;
}

#wrapper dl,
#wrapper dt,
#wrapper dd,
#wrapper ul,
#wrapper li,
#wrapper ol {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 99999px;
}

#wrapper h1,
#wrapper h2,
#wrapper h3,
#wrapper h4,
#wrapper h5,
#wrapper h6,
#wrapper p {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: normal;
  max-height: 99999px;
}

#wrapper th,
#wrapper td {
  max-height: 99999px;
}

#wrapper form {
  margin: 0;
  padding: 0;
}

#wrapper img {
  border: 0;
  display: block;
}

#wrapper .center {
  display: block;
  margin: auto;
  text-align: center;
}

#wrapper ul li img {
  vertical-align: bottom;
}

#wrapper * {
  box-sizing: border-box;
}

#wrapper *:focus {
  outline: none;
}

/*フォントテンプレート*/
#wrapper .blue {
  color: #0000FF;
}

#wrapper .red {
  color: #cc1717;
}

#wrapper .white {
  color: #ffffff;
}

#wrapper .black {
  color: #000000;
}

#wrapper .bold {
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  #wrapper input[type="text"],
  #wrapper textarea {
    -webkit-appearance: none;
  }
}

#wrapper .mt5 { margin-top: 5px !important; }
#wrapper .mt10 { margin-top: 10px !important; }
#wrapper .mt15 { margin-top: 15px !important; }
#wrapper .mt20 { margin-top: 20px !important; }
#wrapper .mt25 { margin-top: 25px !important; }
#wrapper .mt30 { margin-top: 30px !important; }
#wrapper .mt35 { margin-top: 35px !important; }
#wrapper .mt40 { margin-top: 40px !important; }
#wrapper .mt45 { margin-top: 45px !important; }
#wrapper .mt50 { margin-top: 50px !important; }

#wrapper .mr5 { margin-right: 5px !important; }
#wrapper .mr10 { margin-right: 10px !important; }
#wrapper .mr15 { margin-right: 15px !important; }
#wrapper .mr20 { margin-right: 20px !important; }
#wrapper .mr25 { margin-right: 25px !important; }
#wrapper .mr30 { margin-right: 30px !important; }
#wrapper .mr35 { margin-right: 35px !important; }
#wrapper .mr40 { margin-right: 40px !important; }
#wrapper .mr45 { margin-right: 45px !important; }
#wrapper .mr50 { margin-right: 50px !important; }

#wrapper .mb5 { margin-bottom: 5px !important; }
#wrapper .mb10 { margin-bottom: 10px !important; }
#wrapper .mb15 { margin-bottom: 15px !important; }
#wrapper .mb20 { margin-bottom: 20px !important; }
#wrapper .mb25 { margin-bottom: 25px !important; }
#wrapper .mb30 { margin-bottom: 30px !important; }
#wrapper .mb35 { margin-bottom: 35px !important; }
#wrapper .mb40 { margin-bottom: 40px !important; }
#wrapper .mb45 { margin-bottom: 45px !important; }
#wrapper .mb50 { margin-bottom: 50px !important; }

#wrapper .ml5 { margin-left: 5px !important; }
#wrapper .ml10 { margin-left: 10px !important; }
#wrapper .ml15 { margin-left: 15px !important; }
#wrapper .ml20 { margin-left: 20px !important; }
#wrapper .ml25 { margin-left: 25px !important; }
#wrapper .ml30 { margin-left: 30px !important; }
#wrapper .ml35 { margin-left: 35px !important; }
#wrapper .ml40 { margin-left: 40px !important; }
#wrapper .ml45 { margin-left: 45px !important; }
#wrapper .ml50 { margin-left: 50px !important; }

#wrapper .pt5 { padding-top: 5px !important; }
#wrapper .pt10 { padding-top: 10px !important; }
#wrapper .pt15 { padding-top: 15px !important; }
#wrapper .pt20 { padding-top: 20px !important; }
#wrapper .pt25 { padding-top: 25px !important; }
#wrapper .pt30 { padding-top: 30px !important; }
#wrapper .pt35 { padding-top: 35px !important; }
#wrapper .pt40 { padding-top: 40px !important; }
#wrapper .pt45 { padding-top: 45px !important; }
#wrapper .pt50 { padding-top: 50px !important; }

#wrapper .pr5 { padding-right: 5px !important; }
#wrapper .pr10 { padding-right: 10px !important; }
#wrapper .pr15 { padding-right: 15px !important; }
#wrapper .pr20 { padding-right: 20px !important; }
#wrapper .pr25 { padding-right: 25px !important; }
#wrapper .pr30 { padding-right: 30px !important; }
#wrapper .pr35 { padding-right: 35px !important; }
#wrapper .pr40 { padding-right: 40px !important; }
#wrapper .pr45 { padding-right: 45px !important; }
#wrapper .pr50 { padding-right: 50px !important; }

#wrapper .pb5 { padding-bottom: 5px !important; }
#wrapper .pb10 { padding-bottom: 10px !important; }
#wrapper .pb15 { padding-bottom: 15px !important; }
#wrapper .pb20 { padding-bottom: 20px !important; }
#wrapper .pb25 { padding-bottom: 25px !important; }
#wrapper .pb30 { padding-bottom: 30px !important; }
#wrapper .pb35 { padding-bottom: 35px !important; }
#wrapper .pb40 { padding-bottom: 40px !important; }
#wrapper .pb45 { padding-bottom: 45px !important; }
#wrapper .pb50 { padding-bottom: 50px !important; }

#wrapper .pl5 { padding-left: 5px !important; }
#wrapper .pl10 { padding-left: 10px !important; }
#wrapper .pl15 { padding-left: 15px !important; }
#wrapper .pl20 { padding-left: 20px !important; }
#wrapper .pl25 { padding-left: 25px !important; }
#wrapper .pl30 { padding-left: 30px !important; }
#wrapper .pl35 { padding-left: 35px !important; }
#wrapper .pl40 { padding-left: 40px !important; }
#wrapper .pl45 { padding-left: 45px !important; }
#wrapper .pl50 { padding-left: 50px !important; }

/*template css*/
#wrapper .fl {
  float: left;
}

#wrapper .fr {
  float: right;
}

#wrapper .flexbox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#wrapper .clear {
  clear: both;
}

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

#wrapper .clearfix {
  display: inline-table;
}

/* Hides from IE-mac \*/
* html #wrapper .clearfix {
  height: 1%;
}

#wrapper .clearfix {
  display: block;
}
/* End hide from IE-mac */

#wrapper .block {
  display: block;
}

/*透過の設定*/
#wrapper .iepngfix {
  behavior: expression(IEPNGFIX.fix(this));
}