/* .global ///////////////////////*/
.global .menu .bt4 {
  background-color: #FABD00;
}
/* .news ///////////////////////*/

.news h3 {
  font-weight: bold;
  font-size: 18pt;
  padding: 20px 0;
  background-color: #F48DAF;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-align: center;
  color: #FFFFFF;
line-height:120%;
}
.news .image {
text-align:center;
padding: 30px 0 30px 0;
}
.news .image img{
max-width:90%;
}
.news .box {
border:1px #FF0000 solid;
padding: 20px;
}

.news h4 {
  font-size: 14pt;
  padding:10px 0;
border-bottom:1px #FF0000 solid;
margin:0 0 20px 0;
}

.news .navi a {
  display: block;
  padding: 10px 10px;
  margin:20px auto;
  width:200px;
  text-align:center;
  background-color: #F3F1ED;
  font-size: 11pt;
  border: 2px #E1DDC9 solid;
}
.news .navi a:hover {
  background-color: #F48DAF;
  color: #FFFFFF;
}

@media (max-width: 680px) {
  .news header {
    text-align: left;
  }
  .news header img {
    width: 100%;
  }
  .news header p {
    padding: 20px 10px 0 10px;
  }
  .news section {
    margin-top: 40px;
    width: 100%;
  }
  .news .next {
    right: 25%;
    top: auto;
    bottom: 0px;
    width: 20px;
    z-index: 10000;
  }
  .news .prev {
    left: 25%;
    top: auto;
    bottom: 0px;
    width: 20px;
    z-index: 10000;
  }
  .news h3 {
    font-size: 20pt;
    padding: 15px 0;
    letter-spacing: 0px;
  }
  .news .slot {
    margin-top: 40px;
  }
}
@media (max-width: 380px) {
  .news section {
    margin-top: 20px;
  }
  .news h3 {
    font-size: 16pt;
    padding: 10px 0;
    letter-spacing: 0px;
  }
  .news h4 {
    font-size: 12pt;
    padding: 20px 0 10px 0;
  }
}