@charset "UTF-8";

/*---------- userdata pages css ----------*/

/*---------- howtochoose ----------*/
.chartLine{
  display: table;
  border-bottom: 1px dashed #ab8a78;
  padding: 0 0 25px 0;
  margin: 0 0 5px 0;
}
.chartLine li.chartImg{
  display: table-cell;
  width: 190px;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.chartLine li.chartImg h3,
.chartLine li.chartImg a{
  color: #ff0083;
}
.chartLine li.chartImg img{
  padding-left: 40px;
}
.chartLine li.chartTxt{
  display: table-cell;
  padding: 0 0 0 50px;
  margin: 0;
  list-style-type: none;
}
.chartLine li.chartTxt a{
  color: #998675;
}
div.choice{
  clear: both;
  margin-bottom: 25px;
  padding-bottom:5px;
  border-bottom: 1px dashed #ab8a78;
}
table.choiceQA{
width: 298px;
float: left;
}
table.choiceQA th{
width: 10px;
padding: 5px 10px;
vertical-align: top;
font-weight: normal;
}
th.choiceQ{
  font-size: 29px;
  line-height: 1;
  font-weight: bold;
}
th.choiceA{
  font-size: 29px;
  line-height: 1;
  font-weight: bold;
}
table.choiceQA td{
padding: 5px 5px;
vertical-align: top;
}
table.choiceQA td.choiceMg{
height: 10px;
padding: 0;
}
td.choiceQtxt{
  font-weight: bold;
}
td.choiceAtxt{
  font-size: 12px;
}
.recoTitle{
  color: #ff0083;
  margin-bottom: 5px;
}
.recoBest3{
margin-left: 320px;
}
ul.recoImage{
  padding: 0;
  margin-left: -34px;
}
ul.recoImage li{
  width: 75px;
  float: left;
  margin-left: 34px;
  list-style-type: none;
  font-size: 12px;
}
ul.recoImage li a{
  color: #998675;
}
ul.recoImage li p{
  margin: 0;
  padding: 0;
}
ul.recoImage img{
margin-bottom: 5px;
}
.dashBlock{
  border-bottom: 1px dashed #ab8a78;
  padding: 0 0 20px 0;
  margin: 0 0 5px 0;
}

/*---------- hoys faq ----------*/
.comingup{
  margin: 80px 0 0 80px;;
}

/*---------- konpou ----------*/
ul#beginnerOrder{
  margin-left: -30px;
  margin-bottom: 20px;
  padding: 0;
}
ul#beginnerOrder li{
  list-style-type: none;
  margin-left: 30px;
  float: left;
  width: 100px;
  font-size: 12px;
}
ul#beginnerOrder img{
  margin-bottom: 3px;
}
ul#beginnerOrder dl{
width: 100px;
}
ul#beginnerOrder dt{
text-align: center;
}
.rapping{
  display: table;
  padding: 0;
}
.rapping li{
  display: table-cell;
  vertical-align: top;
  padding: 0;
}
.rapping li.rappImg{
  font-size: 12px;
  width: 100px;
  list-style-type: none;
  padding-left: 40px;
}
.rapping li.rappImg img{
  margin-bottom: 5px;
}

/*---------- koukan ----------*/
div.howtoTxt{
width: 500px;
float: left;
}
div.koukanImg{
margin-left: 520px;
margin-top: 40px;
width: 100px;
}
p.pinkClear{
  clear: both;
  font-weight: bold;
}

/*---------- privacy ----------*/
dl.pPlicy{
margin-bottom: 20px;
line-height: 1.6;
}
dl.pPlicy dt{
width: 1.5em;
float: left;
}
dl.pPlicy dd{
padding-left: 1.5em;
margin:0 ;
}

/*---------- howto ----------*/
.howtoBox{
  border-bottom: 1px dashed #ab8a78;
  padding: 0 0 25px 0;
  margin: 0 0 5px 0;
}
.howtoBox p{
  line-height: 0;
  margin: 0;
  padding: 0;
}

/*---------- ecoro ----------*/
.ecoroBlock dd{
  margin-left: 0;
  display: none;
}
.ecoroBlock ul{
  padding-left: 0;
}
.ecoroBlock ul li{
  list-style-type: none;
  float: left;
  margin-right: 10px;
  margin-left: 0;
  text-align: center;
  margin-bottom: 50px;
  width: 150px;
}
.ecoroBlock ul li a{
  color: #998675;
}
.ecoroBlock ul li img{
  padding-bottom: 5px;
}
.ecoroBlock ul li:last-child{
  margin-right: 0;
}
.ecoroBlock ul li:after{
  clear: both;
}

/*---------- member ----------*/
.clubsweet{
  border: 10px solid #eee9e6;
  padding: 5px 20px 20px 30px;
  margin-bottom: 15px;
}
.clubsweet h3{
  font-size: 18px;
  text-align: center;
  border-bottom: 1px dotted #eee9e6;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.clubsweet dt{
  font-size: 15px;
  font-weight: bold;
}
.clubsweet dd{
  margin-left: 1em;
  margin-bottom: 12px;
}
.btnMember{
  background-color: #ff0083;
  font-size: 15px;
  color: #fff;
  display: inline-block;
  width: 260px;
  height: 60px;
  text-align: center;
  text-decoration: none;
  line-height: 62px;
  outline: none;
  margin-left: 190px;
  border-radius: 10px;
}
.btnMember:hover {
  background-color: #ffe2f1;
  color: #ff0083;
}
.btnMember::before,
.btnMember::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.btnMember,
.btnMember::before,
.btnMember::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  webkit-transition: all .3s;
  transition: all .3s;
}