body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  color: #555;
  text-align: center;
  font: normal 14px Sans-serif;
  line-height: 150%;
}

th, td {
  color: #555;
  vertical-align: top;
  font-weight: normal;
  font: normal 14px Sans-serif;
  line-height: 150%;
}

img {
  border: none;
}

form {
  margin: 0;
}

a {
  cursor: pointer;
}

a:link {
  color: #486B97;
  text-decoration: none;
}

a:visited, a:active {
  color: #5B8190;
  text-decoration: none;
}

a:hover {
  color: #946349;
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  .wrap {
    width: 320px;
    margin: auto;
  }
  .wrap h1 {
    margin: 0 0 10px 0;
    border-bottom: 2px dotted #999;
    padding: 20px 10px 6px 10px;
    font-size: 16px;
    line-height: 150%;
    text-align: left;
  }
  .wrap h2 {
    margin: 0 0 10px 0;
    background-color: #333;
    color: #fff;
    padding: 8px 10px 6px 10px;
    font-size: 14px;
    line-height: 150%;
  }
}

@media only screen and (min-width: 768px) {
  .wrap {
    width: 960px;
    margin: auto;
  }
  .wrap h1 {
    margin: 0 0 10px 0;
    border-bottom: 2px dotted #999;
    padding: 20px 10px 6px 10px;
    font-size: 16px;
    line-height: 150%;
    text-align: left;
  }
  .wrap h2 {
    margin: 0 0 10px 0;
    background-color: #333;
    color: #fff;
    padding: 8px 10px 6px 10px;
    font-size: 14px;
    line-height: 150%;
  }
}

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

.row12grid .inner {
  margin: 0 0 20px 10px;
}

.row12grid .margin-bottom {
  margin: 0 0 30px 0;
}

.row12grid p {
  margin: 15px 0 0 0;
}

.row12grid p:first-child {
  margin: 0 0 0 0;
}

@media only screen and (max-width: 767px) {
  .row12grid .grid1,
  .row12grid .grid2,
  .row12grid .grid3,
  .row12grid .grid4,
  .row12grid .grid5,
  .row12grid .grid6,
  .row12grid .grid7,
  .row12grid .grid8,
  .row12grid .grid9,
  .row12grid .grid10,
  .row12grid .grid11,
  .row12grid .grid12 {
    display: block;
    margin: 0 0 20px 0;
  }
  .row12grid .grid1 img,
  .row12grid .grid2 img,
  .row12grid .grid3 img,
  .row12grid .grid4 img,
  .row12grid .grid5 img,
  .row12grid .grid6 img,
  .row12grid .grid7 img,
  .row12grid .grid8 img,
  .row12grid .grid9 img,
  .row12grid .grid10 img,
  .row12grid .grid11 img,
  .row12grid .grid12 img {
    max-width: 300px;
  }
}

@media only screen and (min-width: 768px) {
  .row12grid {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .row12grid .grid1 {
    width: 8.333%;
  }
  .row12grid .grid1 img {
    max-width: 80px;
  }
  .row12grid .grid2 {
    width: 16.666%;
  }
  .row12grid .grid2 img {
    max-width: 160px;
  }
  .row12grid .grid3 {
    width: 24.999%;
  }
  .row12grid .grid3 img {
    max-width: 240px;
  }
  .row12grid .grid4 {
    width: 33.332%;
  }
  .row12grid .grid4 img {
    max-width: 320px;
  }
  .row12grid .grid5 {
    width: 41.665%;
  }
  .row12grid .grid5 img {
    max-width: 400px;
  }
  .row12grid .grid6 {
    width: 49.998%;
  }
  .row12grid .grid6 img {
    max-width: 480px;
  }
  .row12grid .grid7 {
    width: 58.331%;
  }
  .row12grid .grid7 img {
    max-width: 560px;
  }
  .row12grid .grid8 {
    width: 66.664%;
  }
  .row12grid .grid8 img {
    max-width: 640px;
  }
  .row12grid .grid9 {
    width: 74.997%;
  }
  .row12grid .grid9 img {
    max-width: 720px;
  }
  .row12grid .grid10 {
    width: 83.33%;
  }
  .row12grid .grid10 img {
    max-width: 800px;
  }
  .row12grid .grid11 {
    width: 91.663%;
  }
  .row12grid .grid11 img {
    max-width: 880px;
  }
  .row12grid .grid12 {
    width: 99.996%;
  }
  .row12grid .grid12 img {
    max-width: 960px;
  }
}

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

.row12space .inner {
  margin: 0 0 20px 10px;
}

.row12space .margin-bottom {
  margin: 0 0 30px 0;
}

.row12space p {
  margin: 15px 0 0 0;
}

.row12space p:first-child {
  margin: 0 0 0 0;
}

@media only screen and (max-width: 767px) {
  .row12space .grid1,
  .row12space .grid2,
  .row12space .grid3,
  .row12space .grid4,
  .row12space .grid5,
  .row12space .grid6,
  .row12space .grid7,
  .row12space .grid8,
  .row12space .grid9,
  .row12space .grid10,
  .row12space .grid11,
  .row12space .grid12 {
    display: block;
    margin: 0 0 20px 0;
  }
  .row12space .grid1 img,
  .row12space .grid2 img,
  .row12space .grid3 img,
  .row12space .grid4 img,
  .row12space .grid5 img,
  .row12space .grid6 img,
  .row12space .grid7 img,
  .row12space .grid8 img,
  .row12space .grid9 img,
  .row12space .grid10 img,
  .row12space .grid11 img,
  .row12space .grid12 img {
    max-width: 300px;
  }
}

@media only screen and (min-width: 768px) {
  .row12space {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .row12space img {
    width: 100%;
  }
  .row12space .grid1 {
    width: 8.2%;
  }
  .row12space .grid1 img {
    max-width: 80px;
  }
  .row12space .grid2 {
    width: 16.4%;
  }
  .row12space .grid2 img {
    max-width: 160px;
  }
  .row12space .grid3 {
    width: 24.6%;
  }
  .row12space .grid3 img {
    max-width: 240px;
  }
  .row12space .grid4 {
    width: 32.8%;
  }
  .row12space .grid4 img {
    max-width: 320px;
  }
  .row12space .grid5 {
    width: 41%;
  }
  .row12space .grid5 img {
    max-width: 400px;
  }
  .row12space .grid6 {
    width: 49.2%;
  }
  .row12space .grid6 img {
    max-width: 480px;
  }
  .row12space .grid7 {
    width: 57.4%;
  }
  .row12space .grid7 img {
    max-width: 560px;
  }
  .row12space .grid8 {
    width: 65.6%;
  }
  .row12space .grid8 img {
    max-width: 640px;
  }
  .row12space .grid9 {
    width: 73.8%;
  }
  .row12space .grid9 img {
    max-width: 720px;
  }
  .row12space .grid10 {
    width: 82%;
  }
  .row12space .grid10 img {
    max-width: 800px;
  }
  .row12space .grid11 {
    width: 90.2%;
  }
  .row12space .grid11 img {
    max-width: 880px;
  }
  .row12space .grid12 {
    width: 98.4%;
  }
  .row12space .grid12 img {
    max-width: 960px;
  }
}

.open {
  margin: 0 0 10px 0;
  padding: 25px 15px 20px;
  background-color: #333;
  color: #fff;
}

.open ul {
  margin: 15px 10px 0 15px;
  padding: 0;
  list-style: none;
  text-align: left;
}

.open li {
  margin: 3px 0 0 5px;
  padding: 0 0 0 5px;
  position: relative;
}

.open li:first-child {
  margin: 0 0 0 5px;
}

.open li:before {
  content: "";
  display: inline-block;
  border: 3px solid transparent;
  border-left-color: #a3b7b6;
  position: absolute;
  top: 4px;
  left: -3px;
}

@media only screen and (max-width: 767px) {
  .open table {
    width: 100%;
    border-collapse: collapse;
  }
  .open th {
    display: block;
    color: #fff;
    text-align: left;
    padding: 0;
  }
  .open td {
    display: block;
    color: #fff;
    text-align: left;
    padding: 0 0 0 40px;
  }
}

@media only screen and (min-width: 768px) {
  .open table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
  }
  .open th {
    text-align: right;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 0 10px 0 0;
    width: 40%;
  }
  .open td {
    text-align: left;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 0 0;
    width: 60%;
  }
  .open p {
    font-size: 13px;
    line-height: 140%;
    margin: 5px 0 0 0;
  }
}

.entry {
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .entry {
    padding: 0 5px;
  }
}

@media only screen and (min-width: 768px) {
  .entry {
    margin: 0 0 20px 0;
  }
}

@media only screen and (max-width: 767px) {
  .hero {
    margin: 0 0 10px 0;
  }
  .hero img {
    max-width: 100%;
  }
}

.index {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: flex-start;
  align-content: flex-start;
}

@media only screen and (max-width: 767px) {
  .index .basic {
    width: 100%;
    text-align: center;
  }
  .index .news {
    width: 100%;
  }
  .index .news ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .index .news li {
    margin: 3px 0 0 10px;
    padding: 0 0 0 5px;
    position: relative;
  }
  .index .news li:first-child {
    margin: 0 0 0 10px;
  }
  .index .news li:before {
    content: "";
    display: inline-block;
    border: 3px solid transparent;
    border-left-color: #b11a1a;
    position: absolute;
    top: 4px;
    left: -3px;
  }
}

@media only screen and (min-width: 768px) {
  .index .basic {
    width: 300px;
  }
  .index .news {
    width: 640px;
  }
  .index .news ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .index .news li {
    margin: 3px 0 0 10px;
    padding: 0 0 0 5px;
    position: relative;
  }
  .index .news li:first-child {
    margin: 0 0 0 10px;
  }
  .index .news li:before {
    content: "";
    display: inline-block;
    border: 3px solid transparent;
    border-left-color: #b11a1a;
    position: absolute;
    top: 4px;
    left: -3px;
  }
}

.slide_pop .block {
  margin: 0 5px;
}

.slide_pop img {
  height: 500px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.maetel-bg {
  background-image: url("../img/999_bg.jpg");
  background-repeat: repeat;
  background-position: left center;
}

.maeteleyes {
  overflow: hidden;
  position: relative;
}

.maeteleyes .img-main {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.maeteleyes .img-main img {
  width: 100%;
}

.maeteleyes .img-logo {
  position: absolute;
  z-index: 10;
}

.maeteleyes .caption {
  color: #fff;
  text-shadow: 0px 0px 5px #000;
}

.maeteleyes .caption span {
  text-shadow: 2px 2px 15px #0097dc, -2px -2px 15px #0097dc;
}

.maeteleyes .description {
  padding: 10px 15px;
  text-align: left;
}

.maeteleyes .description h4 {
  margin: 0;
  line-height: 150%;
  font-size: 1.3em;
}

.maeteleyes .description p {
  margin: 10px 0 0 0;
}

.maeteleyes h3 {
  color: #fff;
  text-shadow: 2px 2px 15px #0097dc, -2px -2px 15px #0097dc;
  font-weight: 900;
  line-height: 100%;
}

.maeteleyes .itemimg .box figure {
  width: 100%;
  box-shadow: 0px 0px 30px #fff;
  text-align: center;
  background-color: #fff;
}

.maeteleyes .itemimg .box figure img {
  width: 50%;
}

.maeteleyes .itemimg .box h4 {
  text-align: center;
  font-size: 1.5em;
  margin: 20px 40px 10px;
  padding: 12px 0 10px 0;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  color: #000;
  font-weight: 400;
}

.maeteleyes .itemimg .box p {
  text-align: center;
  color: #fff;
  padding: 0;
}

.maeteleyes .itemimg .box a {
  display: inline-block;
  margin: 15px auto 0 auto;
  border: 3px solid #d60080;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  background: -webkit-linear-gradient(to top, #d60080, #ffadde);
  background: linear-gradient(to top, #d60080, #ffadde);
  padding: 0 20px 0 10px;
  font-size: 1.4em;
  font-weight: 600;
  color: #fff;
}

.maeteleyes .itemimg .box a span {
  display: inline-block;
  vertical-align: top;
  margin: 7px 0 0 0;
}

.maeteleyes .itemimg .box a img {
  width: 32px;
  vertical-align: bottom;
}

.maeteleyes .itemimg .p1 h4 {
  background-color: #a29380;
}

.maeteleyes .itemimg .p2 h4 {
  background-color: #8b7782;
}

.maeteleyes .itemimg .p3 h4 {
  background-color: #767386;
}

.maeteleyes .itemimg .p4 h4 {
  background-color: #89938a;
}

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

@media only screen and (max-width: 767px) {
  .maeteleyes {
    width: 320px;
    padding: 0;
  }
  .maeteleyes .img-main {
    margin: 0;
  }
  .maeteleyes .img-logo {
    width: calc(100% - 50px);
    top: 180px;
    left: 25px;
    margin: 0;
  }
  .maeteleyes .img-logo img {
    width: 100%;
  }
  .maeteleyes .caption {
    text-align: center;
    font-size: 1.5em;
    margin: 30px 0 0 0;
  }
  .maeteleyes .caption span {
    font-size: 3em;
  }
  .maeteleyes .description {
    position: relative;
    color: #fff;
    width: 290px;
    margin-top: 300px;
    top: 0;
    left: 0;
  }
  .maeteleyes h3 {
    margin: 30px 0 0 0;
    font-size: 1.6em;
    background-color: rgba(0, 0, 0, 0.6);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 20px 0 18px 0;
    text-align: center;
  }
  .maeteleyes .itemimg {
    margin: 0 auto;
    width: 290px;
  }
  .maeteleyes .itemimg .box {
    width: 100%;
    margin: 40px 0 0 0;
  }
  .maeteleyes .itemimg .box figure {
    margin: 0;
    height: 270px;
    padding: 20px 0 0 0;
    -webkit-border-radius: 145px;
    border-radius: 145px;
  }
  .maeteleyes .itemimg .box p {
    margin: 0 auto;
  }
  .maeteleyes .copy {
    font-size: 1em;
    margin: 30px 0;
  }
}

@media only screen and (min-width: 768px) {
  .maeteleyes .img-main {
    margin: 0 0 0 10px;
  }
  .maeteleyes .img-logo {
    width: 550px;
    top: 20px;
    left: 350px;
  }
  .maeteleyes .img-logo img {
    width: 100%;
  }
  .maeteleyes .caption {
    position: absolute;
    top: 280px;
    left: 550px;
    font-size: 2em;
  }
  .maeteleyes .caption span {
    font-size: 3.2em;
  }
  .maeteleyes .caption-en {
    left: 510px;
  }
  .maeteleyes .description {
    position: absolute;
    z-index: 333;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 15px #fff;
    width: 400px;
    top: 390px;
    left: 490px;
  }
  .maeteleyes h3 {
    position: relative;
    z-index: 500;
    top: 610px;
    left: 0;
    margin: 0;
    font-size: 3em;
    background-color: rgba(0, 150, 220, 0.3);
    padding: 20px 0 18px 0px;
  }
  .maeteleyes .itemimg {
    position: relative;
    z-index: 999;
    margin: 660px auto 0 auto;
    width: 840px;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -moz-box-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .maeteleyes .itemimg .box {
    width: 390px;
    margin: 0 0 50px 0;
  }
  .maeteleyes .itemimg .box figure {
    margin: 0;
    height: 360px;
    padding: 30px 0 0 0;
    -webkit-border-radius: 195px;
    border-radius: 195px;
  }
  .maeteleyes .itemimg .box p {
    margin: 0 auto 0 auto;
  }
  .maeteleyes .itemimg .box a:hover {
    background: -webkit-linear-gradient(to top, #de2f97, #ffc8e9);
    background: linear-gradient(to top, #de2f97, #ffc8e9);
    border: 3px solid #de2f97;
  }
  .maeteleyes .copy {
    font-size: 1.2em;
    margin: 0 0 30px 0;
  }
}

@media only screen and (max-width: 767px) {
  .maetelcos .top {
    background-image: url(../img/maetel_head_fig2-s.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    padding: 280px 0 30px 0;
  }
  .maetelcos .top img {
    vertical-align: bottom;
  }
  .maetelcos .top p {
    color: #fff;
  }
  .maetelcos .top ul {
    list-style: none;
    margin: 20px 20px 0 20px;
    padding: 0;
  }
  .maetelcos .top ul li {
    margin: 5px 0 0 0;
    text-align: left;
    color: #fff;
  }
  .maetelcos .top .box {
    width: calc(100% - 20px);
    padding: 20px 10px;
    margin: 0 auto;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: rgba(255, 255, 255, 0.3);
    box-shadow: 2px 0px 25px #ccc, -2px 0px 25px #ccc;
  }
  .maetelcos .top .box p {
    text-align: left;
  }
  .maetelcos .top .box img {
    text-align: center;
    width: 80%;
  }
  .maetelcos .top .box h3 {
    font-size: 2em;
    background-color: none;
    color: #fff;
    line-height: 100%;
    margin: 0;
  }
  .maetelcos .top .box span {
    color: #fff;
  }
  .maetelcos .top.en {
    background-image: url(../img/maetel_head_fig2-s-en.jpg);
  }
  .maetelcos .header {
    text-align: center;
    background-color: rgba(214, 0, 128, 0.3);
    padding: 20px 10px;
  }
  .maetelcos .header h3 {
    color: #fff;
    text-shadow: 2px 0px 15px #d60080, 0px 2px 15px #d60080, -2px 0px 15px #d60080, 0px -2px 15px #d60080;
    font-size: 2em;
    font-weight: 900;
    line-height: 120%;
    margin: 0;
    text-align: center;
  }
  .maetelcos .header p {
    font-size: 7.2em;
    font-weight: bolder;
    color: #f00;
    text-shadow: 3px 0px 0 #000, 0px 3px 0 #000, -3px 0px 0 #000, 0px -3px 0 #000;
    display: inline-block;
    line-height: 100%;
    margin: 7px 0 20px 0;
    vertical-align: top;
  }
  .maetelcos .header .logo {
    width: 250px;
  }
  .maetelcos .header img {
    width: 100%;
  }
  .maetelcos main.cos {
    width: 100%;
    padding-bottom: 30px;
    position: relative;
  }
  .maetelcos main.cos .cos-img {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 600px;
    z-index: 0;
  }
  .maetelcos main.cos *::-ms-backdrop, .maetelcos main.cos .cos-img {
    left: -120px;
    /*-- IE11 hack --*/
    bottom: 0;
  }
  .maetelcos main.cos .cap {
    margin: 20px;
    text-align: left;
    font-size: 1em;
    color: #fff;
    line-height: 130%;
  }
  .maetelcos main.cos .mens {
    margin: 20px 0 0 0;
  }
  .maetelcos main.cos .mens h3 {
    color: #fff;
    font-size: 1.5em;
    font-weight: 900;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 20px 0;
    margin: 0 0 20px 0;
    border-top: 1px solid #fff000;
    border-bottom: 1px solid #fff000;
  }
  .maetelcos main.cos .mens .photo h4 {
    color: #fff;
    font-size: 2em;
    width: calc(100% - 40px);
    text-align: center;
    line-height: 150%;
    margin: 0 20px 0 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  .maetelcos main.cos .mens .photo .fig_before,
  .maetelcos main.cos .mens .photo .fig_after {
    width: 100%;
    position: relative;
    padding: 130px 0 200px 0;
  }
  .maetelcos main.cos .mens .photo .fig_before img,
  .maetelcos main.cos .mens .photo .fig_after img {
    position: absolute;
    top: 0;
    right: 0;
    height: 400px;
    z-index: 10;
    -webkit-background: radial-gradient(ellipse 90px 220px at center, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    background: radial-gradient(ellipse 90px 220px at center, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
  }
  .maetelcos main.cos .mens .photo .fig_before p,
  .maetelcos main.cos .mens .photo .fig_after p {
    font-size: 2em;
    font-weight: bold;
    color: #fff;
    padding: 40px 0 40px 20px;
    margin: 0 0 0 0;
    text-align: left;
  }
  .maetelcos main.cos .mens .photo .fig_before p {
    background-color: rgba(40, 77, 181, 0.7);
  }
  .maetelcos main.cos .mens .photo .fig_after p {
    background-color: rgba(255, 240, 0, 0.7);
  }
  .maetelcos main.cos .mens .photo-desc {
    color: #fff;
    margin: 0 auto 20px 0;
  }
  .maetelcos main.cos .maetel-content {
    padding: 0;
    z-index: 10;
  }
  .maetelcos main.cos .maetel-content section {
    position: relative;
    margin: 0 0 30px 0;
  }
  .maetelcos main.cos .maetel-content section h4 {
    background-color: rgba(214, 0, 128, 0.7);
    color: #fff;
    padding: 10px;
    line-height: 150%;
    font-size: 1.2em;
    font-weight: 600;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
    text-align: left;
    width: calc(100% - 40px);
  }
  .maetelcos main.cos .maetel-content section dl dd {
    width: calc(100% - 60px);
    margin: 0 auto 10px auto;
  }
  .maetelcos main.cos .maetel-content section dl dd img {
    width: 100%;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    vertical-align: bottom;
  }
  .maetelcos main.cos .maetel-content section .cart {
    padding: 0;
  }
  .maetelcos main.cos .maetel-content section .cart li {
    width: 196px;
    margin: 0 auto 15px auto;
    padding: 0;
    border: 2px solid #d60080;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .maetelcos main.cos .maetel-content section .cart li h5 {
    color: #fff;
    font-size: 1.7em;
    font-weight: 900;
    line-height: 120%;
    margin: 15px 0;
  }
  .maetelcos main.cos .maetel-content section .cart li p {
    text-align: left;
    margin: 5px 0 0 20px;
    color: #fff;
  }
  .maetelcos main.cos .maetel-content section .cart li p:first-child {
    margin-top: 15px;
  }
  .maetelcos main.cos .maetel-content section .cart li .cart-btn {
    display: inline-block;
    text-align: center;
    border: 3px solid #d60080;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    background: -webkit-linear-gradient(to top, #d60080, #ffadde);
    background: linear-gradient(to top, #d60080, #ffadde);
    margin: 15px auto;
    padding: 5px 10px;
    color: #fff;
    font-size: 1.3em;
    font-weight: 900;
    line-height: 130%;
  }
  .maetelcos main.cos .maetel-content section .cart li .cart-btn img {
    vertical-align: bottom;
    width: 28px;
  }
  .maetelcos main.cos .maetel-content section .cart li .cart-btn:hover {
    text-decoration: none;
    background: -webkit-linear-gradient(to top, #de2f97, #ffc8e9);
    background: linear-gradient(to top, #de2f97, #ffc8e9);
    border: 3px solid #de2f97;
  }
  .maetelcos main.cos .maetel-content section .btn-cart a {
    display: block;
    border: 3px solid #d60080;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: -webkit-linear-gradient(to top, #d60080, #ffadde);
    background: linear-gradient(to top, #d60080, #ffadde);
    width: 180px;
    margin: 15px auto 0 auto;
    padding: 0 0 0 10px;
    text-align: left;
  }
  .maetelcos main.cos .maetel-content section .btn-cart a dd {
    width: 100%;
    font-size: 1.5em;
    font-weight: 600;
    color: #fff;
    margin: 0;
  }
  .maetelcos main.cos .maetel-content section .btn-cart a dd span {
    display: inline-block;
    vertical-align: top;
    margin: 12px 0 0 0;
  }
  .maetelcos main.cos .maetel-content section .btn-cart a dd img {
    vertical-align: bottom;
    width: 40px;
    height: auto;
  }
  .maetelcos main.cos .maetel-content section .btn-cart a:first-child {
    margin-top: 0;
  }
  .maetelcos main.cos .maetel-content section .btn-alone {
    display: inline-block;
    border: 3px solid #d60080;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    background: -webkit-linear-gradient(to top, #d60080, #ffadde);
    background: linear-gradient(to top, #d60080, #ffadde);
    margin: 30px auto 0 auto;
    padding: 0 20px 0 10px;
    font-size: 1.5em;
    font-weight: 900;
    color: #fff;
  }
  .maetelcos main.cos .maetel-content section .btn-alone span {
    display: inline-block;
    vertical-align: top;
    margin: 12px 0 0 0;
  }
  .maetelcos main.cos .maetel-content section .btn-alone img {
    width: 40px;
  }
  .maetelcos main.cos .maetel-content section .btn-alone:hover {
    text-decoration: none;
    background: -webkit-linear-gradient(to top, #de2f97, #ffc8e9);
    background: linear-gradient(to top, #de2f97, #ffc8e9);
    border: 3px solid #de2f97;
  }
  .maetelcos main.cos .maetel-content section .price {
    text-align: center;
    padding: 20px 10px 10px;
    width: calc(100% - 100px);
    margin: 0 0 0 40px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #d60080;
    font-size: 2.5em;
    font-weight: 900;
    color: #fff;
    border: 2px solid #fff;
  }
  .maetelcos main.cos .maetel-content section .price span {
    font-size: 0.4em;
    font-weight: normal;
  }
  .maetelcos main.cos .maetel-content .cart-desc {
    color: #fff;
    text-align: left;
    margin: 0 20px;
  }
  .maetelcos main.set {
    margin: 0 0 40px 0;
    position: relative;
  }
  .maetelcos main.set .sp-img {
    display: block;
    width: 100%;
  }
  .maetelcos main.set .set-img {
    display: none;
    position: absolute;
    top: 0;
    left: 5px;
    z-index: 0;
  }
  .maetelcos main.set *::-ms-backdrop, .maetelcos main.set .set-img {
    left: -450px;
    /*-- IE11 hack --*/
    bottom: 0;
    top: 50px;
  }
  .maetelcos main.set p {
    color: #fff;
    text-align: center;
  }
  .maetelcos main.set .set-desc p {
    font-size: 1em;
    padding: 0 20px;
    text-align: left;
  }
  .maetelcos main.set .set-wrap {
    width: 300px;
    margin: -50px auto 0;
  }
  .maetelcos main.set .set-wrap h4 {
    color: #fff;
    font-size: 1.7em;
    text-shadow: 2px 0px 15px #d60080, 0px 2px 15px #d60080, -2px 0px 15px #d60080, 0px -2px 15px #d60080;
    font-weight: 900;
    text-align: center;
  }
  .maetelcos main.set .set-wrap h5 {
    border-top: 2px solid #d60080;
    border-bottom: 2px solid #d60080;
    color: #fff;
    padding: 15px 0;
    font-size: 1.2em;
    font-weight: 600;
    line-height: 100%;
    text-align: center;
  }
  .maetelcos main.set .set-wrap p {
    text-align: left;
    color: #fff;
    margin: 0 10px;
  }
  .maetelcos main.set .set-wrap .price {
    text-align: center;
    color: #fff;
    font-size: 3em;
    text-shadow: 2px 0px 15px #d60080, 0px 2px 15px #d60080, -2px 0px 15px #d60080, 0px -2px 15px #d60080;
    font-weight: 900;
    margin: 30px 0 0 0;
    padding: 0;
  }
  .maetelcos main.set .set-wrap .price span {
    font-size: 0.4em;
  }
  .maetelcos main.set .set-contents {
    width: calc(100% - 60px);
    margin: 0 auto;
  }
  .maetelcos main.set .set-contents dl dt {
    text-align: center;
    display: table;
    position: relative;
    width: 100%;
    height: 300px;
    background-color: #eee;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }
  .maetelcos main.set .set-contents dl dt figure {
    display: table-cell;
    vertical-align: middle;
  }
  .maetelcos main.set .set-contents dl dt figure img {
    width: 150px;
    vertical-align: bottom;
  }
  .maetelcos main.set .set-contents dl dt p {
    display: inline;
    position: absolute;
    bottom: 35px;
    left: 20px;
    color: #333;
    font-size: 1.2em;
    font-weight: 600;
    transform: rotate(-6deg);
  }
  .maetelcos main.set .set-contents dl dd {
    margin: 10px 0 30px 0;
    line-height: 100%;
    padding: 10px 0;
    font-size: 1.3em;
    font-weight: 600;
    color: #fff;
    background-color: rgba(214, 0, 128, 0.7);
    -webkit-border-radius: 8px;
    border-radius: 8px;
    text-align: center;
  }
  .maetelcos main.set .set-contents .hide {
    display: none;
  }
  .maetelcos .copy {
    text-align: center;
    color: #fff;
    font-size: 1.2em;
    padding: 30px 0;
    margin: 0;
  }
  .event-info {
    padding-top: 30px;
    padding-bottom: 30px;
    color: #fff;
  }
  .event-info .header {
    margin: 0;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 20px 0;
  }
  .event-info .header h3 {
    font-size: 2em;
    font-weight: 900;
    text-align: center;
    text-shadow: 2px 0px 15px #f7a400, 0px 2px 15px #f7a400, -2px 0px 15px #f7a400, 0px -2px 15px #f7a400;
    color: #fff000;
    margin: 0;
  }
  .event-info dl {
    -webkit-display: flex;
    display: flex;
    font-size: 1em;
    margin: 20px 0 0 30px;
  }
  .event-info dl dt {
    font-weight: 600;
    margin: 0;
    padding: 0 10px 0 0;
    border-bottom: 4px solid #fff000;
  }
  .event-info dl dd {
    margin: 0;
    padding: 0 10px 0 0;
    border-bottom: 4px solid #fff000;
  }
  .event-info p {
    text-align: center;
    margin-top: 40px;
  }
  .event-info p a {
    font-size: 2.5em;
    font-weight: 900;
    color: #fff000;
    text-decoration: none;
    line-height: 150%;
  }
  .event-info p a:hover {
    color: #f7a400;
    text-decoration: underline;
  }
  .event-info .copy {
    text-align: center;
    color: #fff;
    font-size: 1.2em;
    padding: 30px 0;
    margin: 0;
  }
  .btn-pc {
    display: none !important;
  }
  .btn-sp {
    display: inline-block !important;
  }
}

@media only screen and (min-width: 768px) {
  .maetelcos .top {
    background-image: url(../img/maetel_head_fig2.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    padding: 430px 0 30px 0;
  }
  .maetelcos .top img {
    vertical-align: bottom;
  }
  .maetelcos .top p {
    color: #fff;
  }
  .maetelcos .top ul {
    list-style: none;
    margin: 20px 0 0 70px;
  }
  .maetelcos .top ul li {
    margin: 5px 0 0 0;
    text-align: left;
    color: #fff;
  }
  .maetelcos .top .box {
    display: inline-block;
    width: 300px;
    padding: 20px 20px;
    margin: 0 auto;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 0.3);
    box-shadow: 2px 0px 25px #ccc, 0px 2px 25px #ccc, -2px 0px 25px #ccc, 0px -2px 25px #ccc;
  }
  .maetelcos .top .box h3 {
    font-size: 2em;
    background-color: none;
    color: #fff;
    line-height: 100%;
    margin: 0;
  }
  .maetelcos .top .box span {
    color: #fff;
  }
  .maetelcos .top .video {
    vertical-align: top;
    margin: 80px 0px 0px 50px;
    width: 400px;
  }
  .maetelcos .top.en {
    background-image: url(../img/maetel_head_fig2-en.jpg);
  }
  .maetelcos .header {
    text-align: center;
    background-color: rgba(214, 0, 128, 0.3);
    padding: 30px 0;
  }
  .maetelcos .header h3 {
    color: #fff;
    text-shadow: 2px 0px 15px #d60080, 0px 2px 15px #d60080, -2px 0px 15px #d60080, 0px -2px 15px #d60080;
    font-size: 4em;
    font-weight: 900;
    line-height: 150%;
    margin: 0;
    text-align: center;
  }
  .maetelcos .header p {
    font-size: 7.2em;
    font-weight: bolder;
    color: #f00;
    text-shadow: 3px 0px 0 #000, 0px 3px 0 #000, -3px 0px 0 #000, 0px -3px 0 #000;
    display: inline-block;
    line-height: 100%;
    margin: 7px 0 20px 0;
    vertical-align: top;
  }
  .maetelcos .header .logo {
    width: 250px;
  }
  .maetelcos main.cos {
    width: 100%;
    margin-bottom: -30px;
    position: relative;
  }
  .maetelcos main.cos .cos-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 600px;
    z-index: 0;
  }
  .maetelcos main.cos *::-ms-backdrop, .maetelcos main.cos .cos-img {
    left: -120px;
    /*-- IE11 hack --*/
    bottom: 0;
  }
  .maetelcos main.cos .cap {
    margin: 0;
    text-align: left;
    font-size: 2.3em;
    color: #fff;
    line-height: 130%;
    padding: 120px 0 0 50px;
  }
  .maetelcos main.cos .mens {
    position: relative;
    margin: 120px 0 0 0;
  }
  .maetelcos main.cos .mens h3 {
    color: #fff;
    font-size: 2em;
    font-weight: 900;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 25px 0;
    margin: 0 0 25px 0;
    border-top: 1px solid #fff000;
    border-bottom: 1px solid #fff000;
  }
  .maetelcos main.cos .mens .photo {
    position: relative;
    -webkit-display: flex;
    display: flex;
    padding-bottom: 25%;
  }
  .maetelcos main.cos .mens .photo h4 {
    position: absolute;
    top: 0;
    left: 30px;
    color: #fff;
    font-size: 3em;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    width: calc(100% - 60px);
    text-align: left;
    line-height: 150%;
    margin: 35px 0 0 0;
  }
  .maetelcos main.cos .mens .photo img {
    position: absolute;
    top: 0;
    z-index: 10;
    -webkit-background: radial-gradient(ellipse 120px 280px at center, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    background: radial-gradient(ellipse 120px 280px at center, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
  }
  .maetelcos main.cos .mens .photo p {
    font-size: 3em;
    font-weight: bold;
    color: #fff;
    padding: 40px 0;
    margin: 40% 0 0 0;
  }
  .maetelcos main.cos .mens .photo div {
    width: 50%;
  }
  .maetelcos main.cos .mens .photo .fig_before p {
    text-align: left;
    background-color: rgba(40, 77, 181, 0.7);
    padding-left: 30px;
  }
  .maetelcos main.cos .mens .photo .fig_before img {
    left: 180px;
  }
  .maetelcos main.cos .mens .photo .fig_after p {
    text-align: right;
    background-color: rgba(255, 240, 0, 0.7);
    padding-right: 30px;
  }
  .maetelcos main.cos .mens .photo .fig_after img {
    right: 180px;
  }
  .maetelcos main.cos .mens .photo-desc {
    color: #fff;
    text-align: left;
    position: absolute;
    margin: 0;
    bottom: 20px;
    left: 30px;
  }
  .maetelcos main.cos .maetel-content {
    margin-top: 0px;
    padding: 0 30px 30px 30px;
    z-index: 10;
  }
  .maetelcos main.cos .maetel-content section {
    position: relative;
    margin: 0 0 30px 0;
  }
  .maetelcos main.cos .maetel-content section h4 {
    background-color: rgba(214, 0, 128, 0.7);
    color: #fff;
    width: calc(100% - 15px);
    padding: 10px 0 10px 15px;
    line-height: 100%;
    font-size: 2em;
    font-weight: 600;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0;
    text-align: left;
  }
  .maetelcos main.cos .maetel-content section dl {
    display: -webkit-flex;
    display: flex;
  }
  .maetelcos main.cos .maetel-content section dl dd {
    margin: 0 10px 0 0;
  }
  .maetelcos main.cos .maetel-content section dl dd img {
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }
  .maetelcos main.cos .maetel-content section .cart {
    -webkit-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0;
  }
  .maetelcos main.cos .maetel-content section .cart li {
    width: 19%;
    margin: 0;
    padding: 0;
    border: 2px solid #d60080;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .maetelcos main.cos .maetel-content section .cart li h5 {
    color: #fff;
    font-size: 1.7em;
    font-weight: 900;
    line-height: 120%;
    margin: 15px 0;
  }
  .maetelcos main.cos .maetel-content section .cart li p {
    text-align: left;
    margin: 5px 0 0 20px;
    color: #fff;
  }
  .maetelcos main.cos .maetel-content section .cart li p:first-child {
    margin-top: 15px;
  }
  .maetelcos main.cos .maetel-content section .cart li .cart-btn {
    display: inline-block;
    text-align: center;
    border: 3px solid #d60080;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    background: -webkit-linear-gradient(to top, #d60080, #ffadde);
    background: linear-gradient(to top, #d60080, #ffadde);
    margin: 15px auto;
    padding: 5px 10px;
    color: #fff;
    font-size: 1.3em;
    font-weight: 900;
    line-height: 130%;
  }
  .maetelcos main.cos .maetel-content section .cart li .cart-btn img {
    vertical-align: bottom;
    width: 28px;
  }
  .maetelcos main.cos .maetel-content section .cart li .cart-btn:hover {
    text-decoration: none;
    background: -webkit-linear-gradient(to top, #de2f97, #ffc8e9);
    background: linear-gradient(to top, #de2f97, #ffc8e9);
    border: 3px solid #de2f97;
  }
  .maetelcos main.cos .maetel-content section .btn-cart a {
    border: 3px solid #d60080;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    background: -webkit-linear-gradient(to top, #d60080, #ffadde);
    background: linear-gradient(to top, #d60080, #ffadde);
    margin: 0 10px 0 0;
    padding: 0 5px;
  }
  .maetelcos main.cos .maetel-content section .btn-cart a dd {
    font-size: 1.5em;
    font-weight: 900;
    color: #fff;
    margin: 0;
  }
  .maetelcos main.cos .maetel-content section .btn-cart a dd span {
    display: inline-block;
    vertical-align: top;
    margin: 7px 0 0 0;
  }
  .maetelcos main.cos .maetel-content section .btn-cart a dd img {
    vertical-align: bottom;
    width: 32px;
  }
  .maetelcos main.cos .maetel-content section .btn-cart a:hover {
    text-decoration: none;
    background: -webkit-linear-gradient(to top, #de2f97, #ffc8e9);
    background: linear-gradient(to top, #de2f97, #ffc8e9);
    border: 3px solid #de2f97;
  }
  .maetelcos main.cos .maetel-content section .cart-head {
    font-size: 2em;
    color: #fff;
    line-height: 100%;
  }
  .maetelcos main.cos .maetel-content section .btn-alone {
    border: 3px solid #d60080;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    background: -webkit-linear-gradient(to top, #d60080, #ffadde);
    background: linear-gradient(to top, #d60080, #ffadde);
    margin: 0 10px 0 0;
    padding: 0 10px;
    font-size: 2.5em;
    font-weight: 900;
    position: absolute;
    bottom: 0;
    right: 30px;
    color: #fff;
  }
  .maetelcos main.cos .maetel-content section .btn-alone span {
    display: inline-block;
    vertical-align: top;
    margin: 28px 0 0 0;
  }
  .maetelcos main.cos .maetel-content section .btn-alone img {
    width: 75px;
  }
  .maetelcos main.cos .maetel-content section .btn-alone:hover {
    text-decoration: none;
    background: -webkit-linear-gradient(to top, #de2f97, #ffc8e9);
    background: linear-gradient(to top, #de2f97, #ffc8e9);
    border: 3px solid #de2f97;
  }
  .maetelcos main.cos .maetel-content section .price {
    position: absolute;
    right: 40px;
    top: -85px;
    display: table-cell;
    padding-top: 50px;
    height: 80px;
    width: 130px;
    vertical-align: middle;
    text-align: center;
    -webkit-border-radius: 65px;
    border-radius: 65px;
    background-color: #d60080;
    font-size: 2.5em;
    font-weight: 900;
    color: #fff;
    border: 2px solid #fff;
    z-index: 10;
  }
  .maetelcos main.cos .maetel-content section .price span {
    font-size: 0.4em;
    font-weight: normal;
  }
  .maetelcos main.cos .maetel-content .cart-desc {
    color: #fff;
    text-align: left;
    margin-bottom: 60px;
  }
  .maetelcos main.set {
    margin: 0 0 40px 0;
    position: relative;
  }
  .maetelcos main.set .sp-img {
    display: none;
  }
  .maetelcos main.set .set-img {
    position: absolute;
    top: 0;
    left: 40px;
  }
  .maetelcos main.set *::-ms-backdrop, .maetelcos main.set .set-img {
    left: -450px;
    /*-- IE11 hack --*/
    bottom: 0;
    top: 50px;
  }
  .maetelcos main.set p {
    color: #fff;
    text-align: center;
  }
  .maetelcos main.set .set-desc p {
    font-size: 1.2em;
  }
  .maetelcos main.set .set-wrap {
    width: 600px;
    margin: 0 0 0 340px;
  }
  .maetelcos main.set .set-wrap h4 {
    color: #fff;
    font-size: 2em;
    text-shadow: 2px 0px 15px #d60080, 0px 2px 15px #d60080, -2px 0px 15px #d60080, 0px -2px 15px #d60080;
    font-weight: 900;
  }
  .maetelcos main.set .set-wrap h5 {
    border-top: 2px solid #d60080;
    border-bottom: 2px solid #d60080;
    color: #fff;
    padding: 15px 0;
    font-size: 1.3em;
    font-weight: 900;
    line-height: 100%;
    margin-right: 40px;
    text-align: center;
  }
  .maetelcos main.set .set-wrap p {
    text-align: left;
    color: #fff;
  }
  .maetelcos main.set .set-wrap .price {
    text-align: center;
    color: #fff;
    font-size: 5em;
    text-shadow: 2px 0px 15px #d60080, 0px 2px 15px #d60080, -2px 0px 15px #d60080, 0px -2px 15px #d60080;
    font-weight: 900;
    margin: 40px 0 0 0;
    padding: 0;
  }
  .maetelcos main.set .set-wrap .price span {
    font-size: 0.4em;
  }
  .maetelcos main.set .set-contents {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 70px);
    margin: 0 0 0 70px;
  }
  .maetelcos main.set .set-contents dl {
    width: 260px;
    margin: 0 20px 0 0;
  }
  .maetelcos main.set .set-contents dl dt {
    text-align: center;
    display: table;
    position: relative;
    width: 100%;
    height: 300px;
    background-color: #eee;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }
  .maetelcos main.set .set-contents dl dt figure {
    display: table-cell;
    vertical-align: middle;
  }
  .maetelcos main.set .set-contents dl dt figure img {
    width: 150px;
    vertical-align: bottom;
  }
  .maetelcos main.set .set-contents dl dt p {
    display: inline;
    position: absolute;
    bottom: 35px;
    left: 20px;
    color: #333;
    font-size: 1.2em;
    font-weight: 600;
    transform: rotate(-6deg);
  }
  .maetelcos main.set .set-contents dl dd {
    margin: 10px 0 30px 0;
    line-height: 100%;
    padding: 10px 0;
    font-size: 1.3em;
    font-weight: 600;
    color: #fff;
    background-color: rgba(214, 0, 128, 0.7);
    -webkit-border-radius: 8px;
    border-radius: 8px;
    text-align: center;
  }
  .maetelcos main.set .set-contents .hide {
    visibility: hidden;
  }
  .maetelcos .copy {
    text-align: center;
    color: #fff;
    font-size: 1.2em;
    padding: 30px 0;
    margin: 0;
  }
  .event-info {
    padding-bottom: 30px;
    color: #fff;
  }
  .event-info .header {
    margin: 0;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 30px 0;
  }
  .event-info .header h3 {
    font-size: 3em;
    font-weight: 900;
    text-align: center;
    text-shadow: 2px 0px 15px #f7a400, 0px 2px 15px #f7a400, -2px 0px 15px #f7a400, 0px -2px 15px #f7a400;
    color: #fff000;
    margin: 0;
  }
  .event-info dl {
    -webkit-display: flex;
    display: flex;
    font-size: 1.3em;
    width: 460px;
    margin: 30px auto 0;
  }
  .event-info dl dt {
    font-weight: 600;
    margin: 0;
    padding: 0 10px 0 0;
    border-bottom: 4px solid #fff000;
  }
  .event-info dl dd {
    margin: 0;
    padding: 0 10px 0 0;
    border-bottom: 4px solid #fff000;
  }
  .event-info p {
    text-align: center;
    margin-top: 40px;
  }
  .event-info p a {
    font-size: 2.5em;
    font-weight: 900;
    color: #fff000;
    text-decoration: none;
  }
  .event-info p a:hover {
    color: #f7a400;
    text-decoration: underline;
  }
  .event-info .copy {
    text-align: center;
    color: #fff;
    font-size: 1.2em;
    padding: 30px 0;
    margin: 0;
  }
  .btn-sp {
    display: none !important;
  }
  .btn-pc {
    display: inline-block !important;
  }
}

@media only screen and (min-width: 768px) {
  .spbreak {
    display: none;
  }
}

.language {
  position: relative;
}

.language a {
  position: absolute;
  left: 10px;
  top: 10px;
  color: #FFF;
  font-size: 1.2em;
}

@media only screen and (max-width: 767px) {
  .language a {
    top: 290px;
    left: auto;
    right: 10px;
  }
}

@media only screen and (min-width: 768px) {
  .nopc {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .nosp {
    display: none;
  }
}