nav#submenu a{
  width:33%;
}

.img_popup{
  display:inline-block;
  border:1px #900 solid;
  background-color:#FFF;
  padding:0 5px;
  font-weight:bold;
  text-decoration:none;
  color:#900;
  border-radius:4px;
}

/*--ITEMS---*/
#items{
  background-image:url(../images/common/sky_bg.jpg);
  background-attachment: fixed;
  border:1px #DDD solid;
  border-width:1px 0 0;
  padding:5% 2%;
}
#items h3{
  width:100%;
  font-size:150%;
  text-align: center;
}
.item{
  background-image: url(../images/items/item_frame.jpg);
  background-repeat:repeat;
  background-size:0.8% auto;
  padding:15px;
  margin:2%;
}

.item .item_info{
  background-color: #FFF;
  padding:30px;
  position:relative;
  display:flex;
  flex-flow: row wrap;
}

.item .item_info h4{
  font-size:120%;
  line-height:1.2;
  margin:3% 0;
}

.item .item_img{
  width:30%;
}

.item .item_img img{
  width:100%;
}

.item .item_info .item_text{
  width:67%;
  margin-left:1.5%;
  color:#263e54;
}


.item .box_mark{
  display:flex;
  flex-flow: row wrap;
  margin-top:3%;
}

.item .box_mark h5{
  width:100%;
  margin:0;
}

.item .box_mark>div{
  background-image: url(../images/common/stripe_bg.png);
  background-repeat:repeat;
  background-size:4% auto;
  padding:5px;
  width:49%;
  margin:0.5%;
  text-align:center;
  font-weight:bold;
  font-size:80%;
  position:relative;
}
.item .box_mark>div.inactive{
  opacity:0.15;
}
.item .box_mark>div.inactive:after{
  content:"";
  display:block;
  position:absolute;
  top:0;left:0;bottom:0;right:0;
  background-color:rgba(0,0,0,0.3);
}
.item .mark_ano{
  background-color: #c4c190;
  color:#4e442d;
  border:1px #cbc687 solid;
}
.item .mark_fv{
  background-color: #2973b8;
  color:#FFF;
}
.item .mark_as{
  background-color: #cd9e11;
  color:#FFF;
}

@media screen and (max-width:999px){
  .item .box_mark>div{
    font-size:2vw;
  }
}

@media screen and (max-width:767px){
  #items h3{
    font-size:5vw;
  }
  #items{background:none !important;background-color:#FFF !important;}
  .item .item_img{
    width:100%;
  }
  .item .item_info .item_text{
    width:100%;
    margin-left:0;
  }
}