<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url("http://www.harenchi.co.jp/tokyo/ipn/shopmodule/css/option.css");
#option .pagelink li{width:33%;}
#option .pagelink li:nth-child(1),
#option .pagelink li:nth-child(4){width:34%;}
#option .pagelink li a{color:#666666; background:-moz-linear-gradient(center top, #f6f6f6 0%,#eeeeee 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f6f6f6),color-stop(1, #eeeeee)); text-shadow:0 1px 0 #ffffff; border-color:#e1e1e1;}
#option h2 span a{background:-moz-linear-gradient(center top, #966db5 0%,#5b2981 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #966db5),color-stop(1, #5b2981)); color:#ffffff;}

#option h3 {background:-moz-linear-gradient(center top, #966db5 0%,#5b2981 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #966db5),color-stop(1, #5b2981)); color:#ffffff; padding:5px; font-size:12px;}


#option .option{
  padding: 8px;
  -webkit-box-sizing: border-box;
  box-sizing:border-box;
}
#option .option h2{
  color: #fff;
  width: 100%;
  height: auto;
  font-size: 14px;
  font-weight: normal;
  text-indent: 0;
  text-align: center;
  text-shadow: none;
  line-height: 40px;
  border: none;
  border-radius: 10px 10px 0 0;
  margin: 0;
  padding: 0;
}
#memberoption h2 {
  background: -webkit-linear-gradient(top, #9494ac 0%,#646384 100%);
  background: linear-gradient(to bottom, #9494ac 0%,#646384 100%);
}
#boption h2 {
  background: -webkit-linear-gradient(top, #f036c2 0%,#b40966 100%);
  background: linear-gradient(to bottom, #f036c2 0%,#b40966 100%);
}
#option .option .option-area {
  width: 100%;
  border-top: none;
  border-bottom: solid 1px #dbdbdb;
  border-left: solid 1px #dbdbdb;
  border-right: solid 1px #dbdbdb;
  margin: 0 0 10px 0;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#option .option .option-area .cont {
  width: calc(100% / 3);
  text-align: center;
  border: none;
  margin: 0;
  padding: 8px 0 0 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#option .option .option-area .cont:after { content: none; display: none; }
#option .option .option-area .cont:nth-child(2n) { background: #f7f1fc; }
#option .option .option-area .cont h3 {
  color: #000;
  width: 100%;
  background: none;
  order: 1;
}
#option .option .option-area .cont p {
  width: 100%;
  float: none;
  border: none;
}
#option .option .option-area .cont p.price {
  order: 2;
}
#option .option .option-area .cont p.img {
  width: 100%;
  order: 0;
}
#option .option .option-area .cont p.img img{
  width: 66px;
  vertical-align: bottom;
  border: solid 3px #c29ee0;
  border-radius: 5px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}</pre></body></html>