@charset "utf-8";
/* CSS Document */

* {
  margin: 0;
  padding: 0;
}

p {
  line-height: 1.5em;
  margin-bottom: 10px;
}

.main {
  padding: 10px;
  width: 700px;
  margin: 0 auto;
}

.fl-l {
  float: left;
}

.fl-r {
  float: right;
}

.mar-r10 {
  margin-right: 20px;
}

.mar-r102 {
  margin-right: 10px;
}

.red {
  color: #f00;
}

.w-48 {
  width: 48%;
}

.w-47 {
  width: 47%;
}

.w-54 {
  width: 54%;
}

.w-45 {
  width: 45%;
}

.w-30 {
  width: 31%;
}

.w-28 {
  width: 30%;
}

.w-65 {
  width: 65%;
}

.bo-gray {
  margin-top: 10px;
  border: #b3b3b3 2px solid;
  padding: 10px;
  border-radius: 10px; /* CSS3草案 */
  -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
  -moz-border-radius: 10px; /* Firefox用 */
}

.fs19 {
  font-size: 19px;
}

.bold {
  font-weight: bold;
}

.yanetype01 {
  background-color: #ffefcf;
  padding: 10px;
}

.bg-gray {
  background-color: #f2f2f2;
  padding: 15px;
}

.bg-gray2 {
  background-color: #666;
  padding: 10px;
  color: #fff;
}

.bg-ore {
  background-color: #f7931e;
  padding: 5px;
  color: #fff;
}

.bg-ore2 {
  background-color: #f15a24;

  padding: 10px;
  color: #fff;
  border-radius: 10px; /* CSS3草案 */
  -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
  -moz-border-radius: 10px; /* Firefox用 */
}

.bg-tya {
  background-color: #a67c52;

  padding: 10px;
  color: #fff;
  border-radius: 10px; /* CSS3草案 */
  -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
  -moz-border-radius: 10px; /* Firefox用 */
}

.text-c {
  text-align: center;
}

.pdt10 {
  padding-top: 5px;
}

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

.bo-r {
  border-right: #666 2px solid;
  padding-right: 10px;
  margin-right: 10px;
}

.meritto {
  background: #feefd8;
  padding: 5px;
  width: 70%;
  text-align: center;
  color: #f15a24;
  font-weight: bold;
}

.meritto2 {
  background: #f15a24;
  padding: 5px;
  text-align: center;
  color: #fff;
  font-weight: bold;
}

.demeritto {
  background: #feefd8;
  padding: 5px;
  width: 70%;
  text-align: center;
  color: #a67c52;
  font-weight: bold;
}

.demeritto2 {
  background: #a67c52;
  padding: 5px;
  text-align: center;
  color: #fff;
  font-weight: bold;
}

.bo-tya {
  border: solid 2px #a67c52;
  width: 40%;
}

.bo-ore {
  border: solid 2px #f15a24;
  width: 40%;
}

.bo-bo-gray {
  border-bottom: dotted 2px #666;
}

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

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

.btn {
  margin: 0 auto;
  text-align: center;
  font-size: 1em;
  font-weight: bold;
  color: #666;
  padding: 10px 0;
  background: -moz-linear-gradient(top, #dbdbdb 0%, #ebebeb 25%, #ababab);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#dbdbdb),
    color-stop(0.25, #ebebeb),
    to(#ababab)
  );
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #f5f5f5;
  -moz-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5),
    inset 0px -1px 0px rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5),
    inset 0px -1px 0px rgba(255, 255, 255, 0.7);
  box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5),
    inset 0px -1px 0px rgba(255, 255, 255, 0.7);
  text-shadow: 0px -1px 1px rgba(000, 000, 000, 0.2),
    0px 1px 0px rgba(255, 255, 255, 0.3);
}

.bg-jirei {
  background-color: #fdfbfb;
  border: #e6e6e6 1px solid;
  padding: 5px;
}

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

.blog1 {
  border: #cccccc solid 1px;
}

.pd10 {
  padding: 5px;
}

.bg-mark {
  background: url(/wp-content/themes/yaneyasan/images/yanetyape/mark.png) left
    center no-repeat;
  padding-left: 20px;
  font-size: 15px;
}

.bg-yellow {
  padding: 10px;
  background-color: #ffefcf;
}

.cl-ore {
  color: #f15a24;
}

.bo-ore2 {
  border: solid 2px #f7931e;
  width: 30%;
}

.kaiketu {
  background: #fff;
  padding: 5px;
  width: 70%;
  text-align: center;
  color: #f7931e;
  font-weight: bold;
}

.kaiketu2 {
  background: #f7931e;
  padding: 5px;
  text-align: center;
  color: #fff;
  font-weight: bold;
}

.bo-bo-ore {
  border-bottom: #f7931e dotted 2px;
}

.bo-line-ore {
  border-left: 2px solid #f15a24;
  padding-left: 20px;
}

.table-of-contents {
  border: 1px solid #e6e6e6;
  margin: 0 0 1.6em;
  padding: 1.6em 1.6em 1.6em 3.2em;
  line-height: 1.5em;
}

.table-of-contents li {
  display: list-item;
  text-align: -webkit-match-parent;
  list-style: decimal;
}

.table-of-contents ul,
ol {
  margin: 0 !important ;
  padding: 0;
}

.fs21 {
  font-size: 21px;
}

.text-csp {
  color: #fff;
}

.w-30 {
  width: 31%;
}

.w-70 {
  width: 70%;
}

dl.periodic.table {
  counter-reset: atomicNum 0;
  padding-left: 2em;
}

dl.periodic.table dt {
  float: left;
  font-weight: bold;
}

dl.periodic.table dd {
  margin-left: 7em;
}
/*dl.periodic.table dd:before{
	content:": ";
	}*/

ol.periodic.table span.element {
  float: left;
  width: 7em;
  position: relative;
  font-weight: bold;
}

ol.periodic.table span.element:before {
  content: ": ";
  position: absolute;
  right: 0.5em;
}

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

@media only screen and (max-width: 767px) {
  .fl-l,
  .fl-r {
    float: none;
  }

  .main,
  .w-48,
  .w-47,
  .w-54,
  .w-45,
  .w-30,
  .w-28,
  .w-65,
  .bo-ore,
  .meritto,
  .meritto2,
  .demeritto,
  .demeritto2,
  .bo-tya,
  .kaiketu,
  .bo-ore2,
  .w-70 {
    width: auto;
  }

  .mar-r10,
  .mar-r102,
  .mar-r15 {
    margin-right: 0px;
  }

  .spgazo {
    width: 10% !important;
    margin: 0 auto;
  }

  .text-csp {
    text-align: center;
    color: #fff;
  }

  .w-50sp {
    width: 50%;
  }

  .w-30 {
    width: auto;
  }

  .w-30 img {
    width: 100%;
  }
}

/* blogmap追加 */
.mapbox {
  display: inline-block;
}