@charset "utf-8";

.new-window-page-header + #lp_wrap,
.new-window-page-header + #contents {
  margin-top: -28px;
}

.sp{display: none !important;}

.innr{
  display: table;
  overflow: hidden;
  width: 940px;
  margin: 0 auto;
}

.blk{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 940px;
  margin: 0 auto;
  text-align: center;
}

#contents .disnone{display: none;}
#contents .disnone_sp{display: block !important;}

/* ---------------------------- form */
.form_sub{
  display: block;
  padding: 2% 0;
  text-align: center;
  color: #fff;
  background: #eb5066;
  font-size: 16px;
  font-size: 1.7rem;
}

/*body*/
.form_bdy{
  width: 92%;
  margin: 3% 4% 0;
  font-size: 18px;
}
.rk{
  /*float: left;*/
  /*width: 20%;*/
  vertical-align: baseline;
  color: #b78428;
  font-size: 21px;
  font-weight: bold;
}
.rk img{
  display: inline-block;
  margin-right: 5px;
  font-size: 0;
}
.rk02{color: #889096;}
.rk03{color: #a16a38;}

.form_bdy tr{
  display: block;
}
.form_bdy th{
  display: block;
  width: 100%;
  padding: 0;
  color: #655659;
  font-size: 18px;
}
.form_bdy th .req,
.form_bdy th .opt{
  display: inline-block;
  margin-top: -0.1em;
  margin-right: 2%;
  /*margin-bottom: 10%;*/
  padding: 4px 8px;
  color: #fff;
  border-radius: 4px;
  background: #d92b2b;
  font-size: 16px;
  font-weight: normal;
}
.form_bdy th .opt{background: #4266dd;}
.form_bdy td{
  display: block;
  width: 100%;
  margin-top: 10px;
  padding: 20px 0;
  border-top: 1px dashed #ccadad;
}
.form_bdy .sep{
  margin-bottom: 3%;
  padding: 0 0 3%;
  border-bottom: 1px solid #e1cfcf;
}

/*input*/
input, select, textarea {
  border: 1px solid #dcd5c6;
  border-radius: 5px;
  background-color: #ffe4db;
  font-size: 18px;
  line-height: 1.2;
}
select{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 310px;
  padding: 7px 16px 10px;
  background-image: url("../../images/sp/form_select.png");
  background-repeat: no-repeat;
  background-position: top right;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select::-ms-expand {
  display: none;
}

textarea{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 2% 3%;
}

.chkbox{
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3% 0;
  border-bottom: 1px solid #e1cfcf;
  font-size: 18px;
}
.chkbox.dashed{border-bottom-style: dashed;}
.chkbox input{
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.chkbox label{
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  min-height: 28px;
  padding: 2px 0 0 35px;
  cursor: pointer;
  background: url("../../images/form_check_off.png") no-repeat left center;
  line-height: 28px;
}
.chkbox input:checked + label{
  background-image: url("../../images/form_check_on.png");
}


.form_btn{
  margin: 0 auto;
  width: 940px;
}
.form_btn .note{
  font-size: 16px;
  line-height: 1.8;
}
.form_btn .idx_btn{
  width: 500px;
  margin: 50px auto;
}

.form_btn .idx_btn a img{
  width: 100%;
}

.idx_txt{
  margin: 20px 0 40px;
  text-align: right;
  color: #655659;
  font-size: 15px;
}
.idx_txt a{
  color: #655659;
}

.cfm_txt{
  margin: 20px 0 0;
  text-align: center;
  color: #eb5066;
  font-size: 18px;
  font-weight: bold;
}
.cfm_btn{
  width: 500px;
}
.cfm_btn input{
  width: auto;
}
.cfm_btn02{
  width: 340px;
}
.cfm_btn02 input{
  width: auto;
}

.cpl_box{
  margin: 5% 4% 0;
  color: #655659;
  font-size: 18px;
  line-height: 1.8;
}
.cpl_btn{
  text-align: center;
}
.cpl_btn img{
  width: 400px;
  height: auto;
}

.pcfll{float: left;}

.inputed{
  background-color: transparent;
}


/*  実感チェックシート追加 */
.chartInfo {
  display: table;
  clear: both;
  width: 100%;
  vertical-align: top;

  direction: ltr;
}

.chartInfo .Box {
  display: table-cell;
  width: 480px;
  padding: 10px 10px 0 10px;
  vertical-align: middle;
}

.chartInfo .Image {
  display: table-cell;
  width: 320px;
  padding: 10px 10px 0 10px;
  vertical-align: top;
}

ul.addChecksheet {
  width: 100%;
}

ul.addChecksheet li {
  display: inline-block;
  width: 48%;
  margin: 10px 5px;
  vertical-align: top;
}

#skin_condition01 select {
  width: 360px;
}

#CheckSheet .heading201 .heading {
  font-size:1.6375em;
}

#CheckSheet .lead02 {
  margin-bottom:18px;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size:1.3em;
}

#chart_area .panel01 {
  background-color:#fffdfc;
}

#chart_area .notice {
  margin-top:-10px;
  color:#371900;
  font-size:14px;
}

#comment_area {
  min-height: 230px;
  background: url(../../images/complete_bg_illust.jpg) no-repeat right bottom;
  font-size:18px;
}

.drawArea {
  margin: 0 auto;
}



/* ---------------------------- vsl */
.idx_vsl{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 940px;
  height: 660px;
  padding-top: 25px;
  background: url("../../images/main_bg.jpg") repeat-x;
}
.idx_vsl *{
  margin: 0;
  padding: 0;
}
.idx_vsl .blk{
  margin: 0 auto;
}

/* ---------------------------- blk01 */
.blk01{
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 940px;
  height: 745px;
  padding-top: 24px;
  background: url("../../images/blk01_bg.jpg") repeat-x 0 0 / auto 100%;
}
.blk01 .innr{
  background: url("../../images/blk01_fr.png") no-repeat center center;
  -webkit-background-size: 100% auto;
       -o-background-size: 100% auto;
          background-size: 100% auto;
}
.blk01 .img{
  text-align: center;
}
.blk01 .txt{
  margin-top: 20px;
  text-align: center;
}

/* ---------------------------- blk02 */
.blk02{
  min-width: 940px;
}
.voice_wrap{
  padding-top: 20px;
  width: 900px;
  margin: 0 auto;
}
.voice_box{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 440px;
  float: left;
  margin: 20px auto 0;
  border: #FFEFF4 2px solid;
}
.voice_box02{float: right;}
.voice_box *{
  margin: 0;
  padding: 0;
}
.voice_box .sub{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 20px 20px 10px;
  background-color: #ffeff4;
}
.voice_box .sub img{
  width: auto;
  height: 90px;
}

.voice_box .txt{
  padding: 30px 30px 30px;
}
.ac_box .more{
  margin: 20px auto;
  width: 380px;
}

.blk02 .btm{
  margin-top: 60px;
  text-align: center;
}
.blk02 .img_box{
  position: relative;
  padding: 40px 0 20px;
  text-align: center;
  background: url("../../images/blk02_bg.jpg");
}
.blk02 .img_box:before{
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -26px;
  content: "";
  border: 26px solid transparent;
  border-top: 20px solid #fff;
}
.blk02 .img_box *{
  margin: 0;
  padding: 0;
}
.blk02 .note{
  margin-top: 10px;
  text-align: center;
}


/* ---------------------------- blk03 */
.blk03{
  min-width: 940px;
  padding: 35px 0 80px;
  background: url("../../images/blk03_bg.jpg");
}

.blk03 .ttl{
  text-align: center;
}

.blk03 .thm_wrap{
  width: 900px;
  margin: 40px auto 0;
}

.blk03 .thm_box{
  float: left;
  background-color: #FFF;
}
.blk03 .thm_box02{float: right;}

.blk03 .thm_box .txt_box{
  display: block;
  padding: 25px 0 25px 30px;
}
.blk03 .thm_box .min{
  margin-bottom: 20px;
}

.blk03 .more{
  width: 440px;
  margin: 40px auto 0;
}

/* ---------------------------- blk04 */
.blk04{
  min-width: 940px;
  padding: 60px 0 40px;
}
.blk04 p{
  width: 100%;
  text-align: center;
}


/* ---------------------------- common */
.blk_ttl{
  position: relative;
  min-width: 940px;
  padding: 40px 0;
  text-align: center;
  background-color: #eb687e;
}
.blk_ttl:before{
  position: absolute;
  bottom: -23px;
  left: 50%;
  margin-left: -12px;
  content: "";
  border: 12px solid transparent;
  border-top: 12px solid #eb687e;
}

/* ---------------------------- blk */
.idx_bdy{
  padding: 2% 5% 5%;
  font-size: 21px;
  line-height: 1.6;
  background:#faebe4;
}
.idx_bdy em {
    color: #ec546b;
    font-style: normal;
}