@charset "UTF-8";
body {
  margin: 0;
  background-color: #f2f2f2;
  font-family: "メイリオ";
}

.top header {
  background-color: #707070;
  height: 34px;
  display: block;
  color: #fff;
  font-size: 16px;
  font-family: "meiryo";
  font-weight: bold;
  text-align: center;
  padding-top: 14px;
}
.top .page header {
  background-color: #707070;
  height: 90px;
  display: block;
}
.top nav {
  background-color: #fff;
  display: block;
  color: #707070;
  font-size: 18px;
  font-weight: bold;
  border-bottom: #CCCCCC 1px solid;
  padding: 10px 0px 5px 10px;
}
.top section:not(.contents) {
  background-color: #fff;
  display: block;
  border-bottom: #CCCCCC 1px solid;
  padding: 10px 0px 5px 70px;
}
.top section#pen1-2 {
  background-image: url("./img/PEN1-2.png");
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.top section#pen3 {
  background-image: url("./img/PEN3.png");
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.top section#pen4 {
  background-image: url("./img/PEN4.png");
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.top section#pen5 {
  background-image: url("./img/PEN5.png");
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.top section:not(.contents) a {
  color: #177EE6;
  font-size: 20px;
  text-decoration: none;
  font-weight: bold;
}
.top section .en_title {
  color: #707070;
  font-size: 14px;
}
.top section .en_subtitle {
  color: #707070;
  font-size: 16px;
}
.top section.contents {
  padding: 10px;
  background-color: #fff;
}
.top section.contents a {
  font-size: 18px;
  font-weight: bold;
  display: block;
  color: #177EE6;
  text-align: center;
}

.pen_top header {
  background-color: #707070;
  height: 76px;
  display: block;
  color: #fff;
  font-family: "meiryo";
  text-align: left;
  padding-top: 14px;
  padding: 10px 0px 5px 70px;
}
.pen_top header .jp_title {
  font-size: 20px;
  margin: 0;
  font-weight: bold;
}
.pen_top header .en_title {
  font-size: 14px;
  margin: 0;
}
.pen_top header .en_subtitle {
  font-size: 16px;
  margin: 0;
}
.pen_top.pen1-2 header {
  background-image: url("./img/PEN1-2.png");
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.pen_top.pen3 header {
  background-image: url("./img/PEN3.png");
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.pen_top.pen4 header {
  background-image: url("./img/PEN4.png");
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.pen_top.pen5 header {
  background-image: url("./img/PEN5.png");
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.pen_top h2 {
  background-color: #fff;
  display: block;
  border-bottom: #CCCCCC 1px solid;
  font-size: 20px;
  height: 38px;
  color: #707070;
  margin: 0;
  padding: 10px 0px 0px 20px;
}
.pen_top section ul {
  margin: 0;
  padding: 0;
}
.pen_top section li {
  padding: 8px 0px 4px 43px;
  background-color: #fff;
  display: block;
  border-bottom: #CCCCCC 1px solid;
  margin: 0;
  font-size: 20px;
}
.pen_top section span {
  font-size: 14px;
}
.pen_top section li a {
  color: #177EE6;
  font-size: 20px;
  text-decoration: none;
  font-weight: bold;
}
.pen_top section#play_list li {
  background-image: url("./img/play.svg");
  background-repeat: no-repeat;
  background-position: 10px 8px;
}
.pen_top section#dl_list li {
  background-image: url("./img/dl.svg");
  background-repeat: no-repeat;
  background-position: 9px 9px;
}
.pen_top section.caution {
  color: #707070;
  padding: 0px 20px;
}
.pen_top section.caution h3 {
  font-size: 16px;
}
.pen_top section.caution p {
  font-size: 14px;
}

.playlist header {
  background-color: #707070;
  height: 34px;
  display: block;
  color: #fff;
  font-size: 16px;
  font-family: "meiryo";
  font-weight: bold;
  text-align: center;
  padding-top: 14px;
}
.playlist .page header {
  background-color: #707070;
  height: 90px;
  display: block;
}
.playlist section h2 {
  display: block;
  border-bottom: #CCCCCC 1px solid;
  font-size: 20px;
  height: 38px;
  color: #707070;
  margin: 0;
  padding: 10px 0px 0px 20px;
}
.playlist section ul {
  margin: 0;
  padding: 0;
}
.playlist section li {
  background-image: url("./img/play.svg");
  background-repeat: no-repeat;
  background-position: 10px 8px;
  padding: 8px 0px 4px 43px;
  background-color: #fff;
  display: block;
  border-bottom: #CCCCCC 1px solid;
  margin: 0;
  font-size: 20px;
}
.playlist section li a {
  color: #177EE6;
  font-size: 20px;
  text-decoration: none;
}

footer {
  background-color: #f2f2f2;
  height: 35px;
  padding-top: 15px;
  padding-left: 20px;
  color: #707070;
  font-size: 14px;
}/*# sourceMappingURL=style.css.map */