@charset "Shift_JIS";
/* ------------------------------------------------------------------------
�@body
------------------------------------------------------------------------ */
  body{
    font-family: sans-serif,Helvetica;
  }

@media screen and (max-width: 767px){
  body, span, a {
    font-family: "Osaka",sans-serif,Helvetica !important;
  }
}


/* ------------------------------------------------------------------------
�@body > #suntory_contents > #container
------------------------------------------------------------------------ */
#container h1.done {
    margin: 30px 0 30px;
    font-weight: bold;
    font-size: 100%;
    color: #012B65;
    background: none;
}

@media screen and (max-width: 767px) {
  #container h1 img {
    height: auto;
  }

  #container h1.done {
    font-size: 120%;
  }
}

/* ------------------------------------------------------------------------
�@body > #suntory_contents > #container > #contents
------------------------------------------------------------------------ */
#suntory_contents a:link{
  color:#0d3191;
}

#suntory_contents a:visited{
  color:#0d3191;
}

#suntory_contents a:hover{
  color:#e70012;
}

#suntory_contents .box span.eisu {
    word-wrap: break-word;
}

/* ------------------------------------------------------------------------
�@body > #suntory_contents > #container > #contents > #notes
------------------------------------------------------------------------ */
#notes h2, #notes h2 span {
  color: #012B65;
}

#notes p.mt1em {
  margin-top: 1em;
}

#notes .kome span.dot {
    font-family: "‚l‚r ƒSƒVƒbƒN", "Osaka�|“™•�" !important;
}

/* ------------------------------------------------------------------------
�@body > #suntory_contents > #container > #contents > form
------------------------------------------------------------------------ */
#suntory_contents .box .cnt ul.inline {
  padding-bottom: 3px;
}

#suntory_contents #container #contents form .pref_caution {
  color: #F00;
  margin-left: 5px;
  font-weight: normal;
  letter-spacing:-0.05em;
}
  #suntory_contents #container #contents form .pref_caution.pc_none {
    display: none;
  }

h2#h2-form-box,
h2#h2-form-box span,
h2#h2-enquete-box,
h2#h2-enquete-box span {
  color: #012B65;
}

#suntory_contents .box .cnt h3.pt15 {
    padding-top: 15px;
}
#suntory_contents #enquete div.cnt p.mt1em {
    margin-top: 1em;
}

#suntory_contents #enquete div.cnt p.sample {
  margin-top: 6px;
}
#suntory_contents #enquete input.inpwid_l {
    width: 350px;
}

@media screen and (max-width: 767px) {


  #suntory_contents #enquete div.cnt p.sample {
    display: none;
  }
}

/* ------------------------------------------------------------------------
�@body > #suntory_contents > #container > #contents > form> obi
------------------------------------------------------------------------ */



#suntory_contents .box h2.obi {
    background-color: #012B65;
    color: #fff;
    font-weight: bold;
    padding: 5px;
}





#suntory_contents .box h2, #suntory_contents #kantan, #suntory_contents #form_area div.mm_read {
  border-color: #012B65;
  background-color: #F1DCA7;
}

#suntory_contents .box .cnt, #suntory_contents #form_area div.cnt, #suntory_contents #form_area div.cnt_wrap h2.h2_1st, #suntory_contents #form_area div.cnt_wrap div.cnt_1st, #suntory_contents #kantanriyou .cnt {
  border-color: #012B65;
}

#suntory_contents #form_area .mm_read p span.important {
  display: inline-block;
  margin-left: 1em;
  text-indent: -1em;
}

.caution_q {
  color: #666;
  font-size: 80%;
}

#suntory_contents #form_area div.birth select {
    letter-spacing: 0.08em;
}

@media screen and (max-width: 767px) {
  #suntory_contents #form_area h2, #suntory_contents #form_area h2.h2_1st {
    background-color: #F1DCA7;
  }

  #suntory_contents #form_area div.mm_read, #suntory_contents #kantanriyou h3, #suntory_contents #datahenko h3 {
    background-color: #E4BF89;
  }

  #suntory_contents #form_area div.cnt_wrap h2.h2_1st {
    border: none;
  }
  
  #suntory_contents #form_area div.cnt_wrap h2.h2_err {
    border: solid 2px #f00;
    background-color: #ff99cc;
}

}

@media screen and (max-width: 767px) {
  #suntory_contents #container #contents form .pref_caution {
    margin-left: 0;
    display: block;
  }

  #suntory_contents #container #contents form .pref_caution.sp_none {
    display: none;
  }
    #suntory_contents #container #contents form .pref_caution.pc_none {
      display: block;
      font-size: 14px;
      margin-top: 3px;
    }
	
}



  #suntory_contents #container #contents form .pref_caution1 {
    margin-left: 0;
    display: none;
	color: #F00;
    font-weight: normal; 
	 }

@media screen and (max-width: 767px) {

  #suntory_contents #container #contents form .pref_caution1 {
    display: block;
	margin: 4px 0 0 0;
	 }

}



/* ------------------------------------------------------------------------
�@body > #suntory_contents > #container > #contents > form > #kantanriyou
------------------------------------------------------------------------ */
#suntory_contents #kantanriyou .cnt_err {
  font-size: 14px;
}

/* ------------------------------------------------------------------------
�@body > #suntory_contents > #container > #contents > form > #kantan
------------------------------------------------------------------------ */

#suntory_contents #kantan_box {
    border-bottom: none;
}

#suntory_contents #form_area div.cnt.cnt_1st p.er_msg_point {
	    padding: 4px 0 0 0;
}

/* ------------------------------------------------------------------------
�@body > #suntory_contents > #container > #contents > formthanks
------------------------------------------------------------------------ */
#formthanks h2 {
    color: #012B65;
}

#formthanks h2.done {
    font-size: 160%;
}

#formthanks .brand_top a, #formthanks .campetc a {
  background-image: url("/btc/CP201305/img/yj2.gif");
}

#suntory_contents #formthanks .campetc.done {
  margin: 0;
}

#formthanks img {
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  #formthanks img {
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 640px) {
  #formthanks img {
    width: 75%;
    height: auto;
  }
}

/* ------------------------------------------------------------------------
�@body > #suntory_contents > #container >#link_box_area
------------------------------------------------------------------------ */

#suntory_contents #link_box_area {
    margin: 30px auto 0;
}
@media screen and (max-width: 640px) {

#suntory_contents #link_box_area {
    margin: 20px auto 0;
}
}