@charset "utf-8";
/* CSS Document */
#optionWrap {
width:100%;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 13px;
}
.clearfix:after{
content:"";
clear:both;
display:block;
}

#optionWrap ul,
#optionWrap li,
#optionWrap p {
margin: 0;
padding: 0;

}
#optionWrap li{
  list-style: none;
}
/* タブメニュー */
#optionWrap #tab-menu {
  list-style: none;
  margin:0 auto;

}
#optionWrap #tab-menu li {
  float:left;
  padding: 2% 0;
  text-align:center;
  background:#9c9a9a;
  border-bottom:2px solid #000;
  line-height:1.4;
  cursor:pointer;
  color: #fff;
}

#optionWrap #tab-menu li.active {
  background: #000;
  
}

#optionWrap #tab-menu .Tab01,
#optionWrap #tab-menu .Tab02,
#optionWrap #tab-menu .Tab03,
#optionWrap #tab-menu .Tab04 {
width:49.5%;
}
#optionWrap #tab-menu .Tab01,
#optionWrap #tab-menu .Tab03,
#optionWrap #tab-menu .Tab07,
#optionWrap #tab-menu .Tab08 {
margin-right: 1%;
}
#optionWrap #tab-menu .Tab07,
#optionWrap #tab-menu .Tab08 {
width:32%;
}
#optionWrap #tab-menu .Tab09 {
width:34%;
}


/* タブの中身 */
#optionWrap #tab-box {
  padding: 2%;
  
}
#optionWrap #tab-box div {
  display: none;
}
#optionWrap #tab-box div.active {
  display: block;
}

#optionWrap .option-ifr li{
width: 32%;
  float: left;
  margin: 0 2% 2% 0;
  text-align: center;
}
#optionWrap .option-ifr li:nth-child(3n) {
  margin-right: 0;
}




@media screen and (max-width: 767px) {


}
@media screen and (max-width: 530px) {
#optionWrap .option-ifr li{
font-size: 70%;
}

}