@charset "utf-8";
/* CSS Document */
.mustread {
  width: 718px;
  padding-left: 0.17em;
  padding-bottom: 0.2em;
}
@media screen and (max-width: 750px) {
  .mustread {
    width: 98.5%;
  }
}
.mustread a {
  text-decoration: none;
  color: #000;
}
.mustread a p {
  background-color: #e5e5e5;
  font-size: 1.2em;
}
.mustread a:hover p {
  background-color: #C3C0C0;
  font-size: 1.2em;
  color: #fff;
}
.mustread p {
  padding: 1.2em;
}
.col_4 {
  width: 100%;
  display: flex;
  display: -ms-flexbox; /* IE10 */
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; /* IE10 */
}
.col_4 > a div {
  padding: 10px;
  text-align: center;
  background-color: #e5e5e5;
  width: 12.4em;
  margin: 0.2em;
}
.col_4 > a:hover div {
  padding: 10px;
  text-align: center;
  background-color: #C3C0C0;
  color: #fff;
  width: 12.4em;
  margin: 0.2em;
}
.col_4 a {
  text-decoration: none;
  color: #000;
}
@media screen and (max-width: 750px) {
  .col_4 > a {
    background-color: #e5e5e5;
    width: 49%;
    margin: 0.1em !important;
  }
  .col_4 > a:hover {
    background-color: #C3C0C0;
    color: #fff;
    width: 49%;
    margin: 0.2em;
  }
}
.trans a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.col_3 {
  width: 100%;
  display: flex;
  display: -ms-flexbox; /* IE10 */
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; /* IE10 */
}
.col_3 > div {
  width: 31%;
  padding: 5px;
  line-height: 120%;
}
@media screen and (max-width: 750px) {
  .col_3 > div {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .col_3 > div {
    width: 100%;
  }
}
.indent4em {
  padding-left: 4em;
  text-indent: -4em;
}
.va-m {
  vertical-align: middle;
}
.col_3t {
  width: 100%;
  display: flex;
  display: -ms-flexbox; /* IE10 */
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; /* IE10 */
}
.col_3t > a {
  width: 33.3%;
}
.col_3t > a div {
  padding: 10px;
  text-align: center;
  background-color: #e5e5e5;
  /*width: 17.2em;*/
  margin: 0.2em;
}
.col_3t > a:hover div {
  padding: 10px;
  text-align: center;
  background-color: #C3C0C0;
  color: #fff;
  /*width: 17.2em;*/
  margin: 0.2em;
}
@media screen and (max-width: 750px) {
	.col_3t {
  justify-content: space-between;
	}
  .col_3t > a {
    background-color: #e5e5e5;
    width: 49%;
    margin: 0.1em !important;
  }
  .col_3t > a div {
    background-color: #e5e5e5;
    width: 80%;
    text-align: center !important;
  }
  .col_3t > a:hover {
    background-color: #C3C0C0;
    color: #fff;
    width: 49%;
    margin: 0.1em;
  }
  .col_3t > a:hover div {
    background-color: #C3C0C0;
    color: #fff;
    width: 80%;
    text-align: center !important;
  }
}
.col_3t a {
  text-decoration: none;
  color: #000;
}
/**/
.col_2t {
  width: 100%;
  display: flex;
  display: -ms-flexbox; /* IE10 */
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; /* IE10 */
  justify-content: space-between;
}
.col_2t > a {
  width: 50%;
  /*  margin: 0.1em !important;*/
}
.col_2t > a div {
  padding: 10px;
  text-align: center;
  background-color: #e5e5e5;
  /*width: 17.2em;*/
  margin: 0.2em;
}
.col_2t > a:hover div {
  padding: 10px;
  text-align: center;
  background-color: #C3C0C0;
  color: #fff;
  /*width: 17.2em;*/
  margin: 0.2em;
}
@media screen and (max-width: 750px) {
	.col_2t {
  justify-content: space-between;
	}
  .col_2t > a {
    background-color: #e5e5e5;
    width: 49%;
    margin: 0.1em !important;
  }
  .col_2t > a div {
    background-color: #e5e5e5;
    width: 80%;
    text-align: center !important;
  }
  .col_2t > a:hover {
    background-color: #C3C0C0;
    color: #fff;
    width: 49%;
    margin: 0.1em;
  }
  .col_2t > a:hover div {
    background-color: #C3C0C0;
    color: #fff;
    width: 80%;
    text-align: center !important;
  }
}
.col_2t a, .col_3t a {
  text-decoration: none;
  color: #000;
}
.column3t .l-block, .column3t .r-block, .column3t .c-block {
  width: 228px;
}
.smoking {
  border: solid 1px #808080;
  margin: 0 7px;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .smoking {
    margin-bottom: 1em;
  }
  .sm {
    font-size: 12px;
    letter-spacing: 0;
  }
}