/***************** Buyer Preference Survey *****************/
/*
    For PC.
*/
  div.PREFERENCE_SURVEY_BG{
    display: flex;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000;
    background:rgba(0, 0, 0, 0.4);
    justify-content:center;
  }

  div.PREFERENCE_SURVEY_WP{
      width:60%;
      height:85%;
      position:relative;
      margin-top:5%;
      background:#fff;
      padding-top:50px;
  }

	div.PREFERENCE_SURVEY_POPUP_CLOSE{
        position:absolute;
        top:6px;
        right:6px;
		width:26px;
		height:26px;
	}

	div.PREFERENCE_SURVEY_POPUP_CLOSE img{
		width:100%;
        border:0;
	}

  div.PREFERENCE_SURVEY_WP ul{
    margin-bottom:20px;
  }

  div.PREFERENCE_SURVEY_WP p{
      margin:0 ;
      padding:0;
  }

  div.PREFERENCE_SURVEY_POPUP_LIST{
      width:100%;
      height:100%;
      padding:20px 30px;
      overflow-y:scroll;
      font-size:90%;
  }

  div.PREFERENCE_SURVEY_POPUP_LIST h3{
      font-size:1.2em;
  }

  div.PREFERENCE_SURVEY_POPUP_LIST p{
      margin-bottom:10px ;
  }

  div.PREFERENCE_SURVEY_POPUP_LIST p.Q1_TITLE{
      background:#fff;
  }

  div.PREFERENCE_SURVEY_POPUP_LIST p.Q2_TITLE{
      background:#fff;
  }

  div.PREFERENCE_SURVEY_POPUP_LIST p.Q3_TITLE{
      background:#fff;
  }

  div.PREFERENCE_SURVEY_POPUP_LIST p.HIGH_Q1_TITLE{
      background: #FFCCE8;
  }

  div.PREFERENCE_SURVEY_POPUP_LIST p.HIGH_Q2_TITLE{
      background: #FFCCE8;
  }

  div.PREFERENCE_SURVEY_POPUP_LIST p.HIGH_Q3_TITLE{
      background: #FFCCE8;
  }

  div.PREFERENCE_SURVEY_POPUP_LIST_BOX{
      width:100%;
      display:flex;
      margin-bottom:20px ;
      flex-wrap:wrap;
  }

  div.PREFERENCE_SURVEY_POPUP_LIST_BOX_Q1{
      width:50%;
      margin-bottom:20px ;
  }

  div.PREFERENCE_SURVEY_POPUP_LIST_BOX_Q1 p.Q1_ALL{
      margin:0;
      padding:0;
      margin-bottom:4px ;
  }
  div.PREFERENCE_SURVEY_POPUP_LIST_BOX_Q1 ul.Q1_LIST{
      margin:0;
      padding:0;
      margin-left:20px;
  }

  div.PREFERENCE_SURVEY_POPUP_LIST_BOX ul.Q2{
      width:100%;
      margin:0;
      padding:0;
  }

  div.PREFERENCE_SURVEY_POPUP_LIST_BOX ul.Q3{
      width:100%;
      margin:0;
      padding:0;
  }

  div.PREFERENCE_SURVEY_POPUP_LIST_BOX ul.Q3 li{
      display:flex;
  }

  div.PREFERENCE_SURVEY_POPUP_LIST_BOX ul.Q3 li span{
      width:90px;
      display:block;
      text-align:right;
  }

  div.PREFERENCE_SURVEY_POPUP_LIST_BOX ul.Q3 li span:last-child{
      width:120px;
  }

  div.PREFERENCE_SURVEY_POPUP_LIST_BOX ul.Q3 li span.Q3_MDR{
      width:30px;
      text-align:center;
  }

    div.PREFERENCE_SURVEY_POPUP_LIST_BOX input[type="text"]{
      width:200px;
      margin-left:20px;
      padding: 2px 6px;
      border: 1px solid #999;
      font-size:1.0em;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
    }

    div.PREFERENCE_SURVEY_POPUP_LIST_BOX input.HIGH_Q2_OTHER{
      background-color: #FFCCE8;
    }

  div.PREFERENCE_SURVEY_POPUP_BTN_SUBMIT{
      display:flex;
      justify-content:center;
      margin-top:40px;
      margin-bottom:20px;
  }

  div.PREFERENCE_SURVEY_POPUP_BTN_SUBMIT input[type="button"]{
      width:100px;
      display:block;
      color:#fff;
      background:#3675FB;
      border-radius:6px;
      padding: 4px 16px ;
      text-align:center;
      margin: 0 20px;
      cursor:pointer;
  }

/*
    For SP.
*/
@media screen and (max-width:767px){
  div.PREFERENCE_SURVEY_WP{
      width:90%;
  }

  div.PREFERENCE_SURVEY_POPUP_LIST_BOX{
      display:block;
  }

  div.PREFERENCE_SURVEY_POPUP_LIST_BOX ul.Q1{
      width:100%;
  }

  div.PREFERENCE_SURVEY_POPUP_LIST_BOX_Q1{
      width:100%;
  }








}