.r-tabs .r-tabs-nav {
    margin: 0 auto;
    padding: 0;
    width: 98%;
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
    font-size:90%;
}

.r-tabs .r-tabs-panel {
  padding: 5px 5px 10px;
  display: none;
}

.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}

/* Accordion responsive breakpoint 
@media only screen and (max-width: 768px) {
    .r-tabs .r-tabs-nav {
        display: none;
    }

    .r-tabs .r-tabs-accordion-title {
        display: block;
    }
}*/



/* 追加装飾 */

.responsiveTabsDemo.starBox {
  margin:0 auto 3em;
}

.responsiveTabsDemo.starBox:last-child {
  margin:0 auto 0;
}

.r-tabs-tab {
  text-align:center;
  font-size:1.2em;
  border-right:1px #FFF solid;
  box-sizing:border-box;
  background-color:#ccc;
  height:3em;
  line-height:3em;  
}

.r-tabs-tab a {
  color:#333;
  display:block;
}

.r-tabs-tab a:hover {
  background-color:#FCF;
  text-decoration:none;
}

li.r-tabs-state-active {
  background-color:#FF7BAC;
  color:#fff;
}

li.r-tabs-state-active a {
  color:#fff;
  font-weight:bold;
}

div.r-tabs-state-active {
  border:1px solid #FF7BAC;
  box-sizing:border-box;
  width: 98%;
  margin: 0 auto;
}

div.r-tabs-state-active li a.thumCate {
  width:100%;
  height:220px;
  display:block;
  overflow:hidden;
}

.r-tabs-panel ul.grid li {
  margin:0 auto 0;
}

/* PC base 800px以上の時 ==============================================================*/
@media (min-width: 801px) {
.r-tabs .r-tabs-tab {
  font-size:1.2em;
}

.r-tabs .r-tabs-panel {
  padding: 8px 8px 15px;
  display: none;
}

}

/* PC base 480px以上の時 ==============================================================*/
@media (max-width: 480px) {
div.r-tabs-state-active li a.thumCate {
  height:120px !important;
}
}