@charset "utf-8";
/* CSS Document */

#prichara h3,
#prichara.blandmenu ul li.prichara a
{
  background-color:#F7931E;
}

#prichara h3.firstH3 {
  margin:0 0 1em;
}

#prichara h4 {
  margin:0 0.5em 1em;
  padding-bottom:0.5em;
  border-bottom:1px #FCC dotted;
}

#prichara.layout-menu ul.sidenavi .prAllLong  {
  background:url(/img/common/icn-side-chara-longs.png) top left;
  background-size:50px 50px;
  background-repeat:no-repeat;
}

#prichara.layout-menu ul.sidenavi .prAllMid {
  background:url(/img/common/icn-side-chara-extra.png) top left;
  background-size:50px 50px;
  background-repeat:no-repeat;
}

#prichara.layout-menu ul.sidenavi .prAllShort {
  background:url(/img/common/icn-side-chara-short.png) top left;
  background-size:50px 50px;
  background-repeat:no-repeat;
}

#prichara.layout-menu ul.sidenavi .prparts{
  background:url(/img/common/icn-side-chara-parts.png) top left;
  background-size:50px 50px;
  background-repeat:no-repeat;
}

#prichara.layout-menu ul.sidenavi .prGentei {
  background:url(/img/common/icn-side-chara-gentei.png) top left;
  background-size:50px 50px;
  background-repeat:no-repeat;
}

#prichara.layout-menu ul.sidenavi .prNothe {
  background:url(/img/common/icn-side-chara-hitainetsu.png) top left;
  background-size:50px 50px;
  background-repeat:no-repeat;
}

#prichara .charaBox ,
#prichara .charaBox2 {
  margin:0 0 2em;
}

#prichara .charaBox p {
  margin:1em 0;
}

#prichara .charaBox .clm4 li {
  padding:0 1% 0 ;
  margin:0 0 1em;
}

#prichara .charaBox .clm4 li img {
  border:#F7931E solid 1px;
}

#prichara .charaBox2 li {
  margin-bottom:2%;
}

#prichara .charaBox2 li a{
  text-align:center;
  height:4.5em;
  line-height:4.5em;
  border-radius:8px;
  border:1px solid #D9D0C1;
  background-image: -moz-linear-gradient(top, #ffffff, #F3EEE8);
  background-image: -ms-linear-gradient(top, #ffffff, #F3EEE8);
  background-image: -o-linear-gradient(top, #ffffff, #F3EEE8);
  background-image: -webkit-linear-gradient(top, #ffffff, #F3EEE8);
  background-image: linear-gradient(top, #ffffff, #F3EEE8);
  display:block;
  width:100%;
  font-size:1.2em;
}

#prichara .charaBox2 li a:hover {
  text-decoration:none;
  background-image: -moz-linear-gradient(top, #F3EEE8, #ffffff);
  background-image: -ms-linear-gradient(top, #F3EEE8, #ffffff);
  background-image: -o-linear-gradient(top, #F3EEE8, #ffffff);
  background-image: -webkit-linear-gradient(top, #F3EEE8, #ffffff);
  background-image: linear-gradient(top, #F3EEE8, #ffffff);  
}

#prichara a.nextBtn,
#prichara.layout-menu a.nextBtn {
    background-color: #FCEE21;
}

#prichara a.nextBtn:hover,
#prichara.layout-menu a.nextBtn:hover {
  background-color:#999;
}


#prichara #tainetsu ,
#prichara #hitainetsu {
  width:100%;
  overflow:hidden;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  margin:0 0 3em;
}

#prichara #tainetsu li,
#prichara #hitainetsu li {
  float:left;
  width:20%;
  padding:0 1% 1em;
}

.clrwigBnr {
  margin:0 auto 1em;
  text-align:center;
}


/* PC base 600px以上の時 ==============================================================*/
@media (min-width: 801px) {
 
 #prichara.layout-menu h3 ,
 .FS2_body_Goods_colorwig .layout-menu h3{
  color:#F7931E;
  padding-bottom:0.5em;
  border-bottom:1px #F7931E dotted;
  background:none;
  margin:1.5em 0 0.5em;
}

.FS2_body_Goods_colorwig .layout_table .layout-content .indexBnrarea li a img {
  position:inherit;
  left:0;
}

.FS2_body_Goods_colorwig  .layout_table .layout-content .indexBnrarea li a,
.FS2_body_Goods_colorwig .layout_table .layout-content .indexBnrarea li {
  height:auto;
} 

#prichara .charaBox ,
#prichara .charaBox2 {
  margin:0 0 4em;
}
  
}