@charset "Shift_JIS";

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


/* ------------------------------------------------------------------------
�@body > #suntory_contents > #container
------------------------------------------------------------------------ */
#suntory_contents #container h1 {
  font-weight: bold;
  padding: 1em 0;
  font-size: 145%;
  background-color: #422611;
  color: #FFFFFF;
  line-height:1.5;
}

#suntory_contents #container h1 span.title_1 {
  font-size: 150%;
}

#suntory_contents #container h1 {
    margin: 0 0 30px;
}
@media screen and (max-width: 767px) {
  #suntory_contents #container h1 {
	width:100%;
    font-size: 100%;
  }
  
  #suntory_contents #container h1 {
    margin: 0 0 20px;
}

}

/* ------------------------------------------------------------------------
�@body > #suntory_contents > #container > #contents
------------------------------------------------------------------------ */
#suntory_contents a:hover,
#suntory_contents a:active {
  color: #1111cc;
}

#suntory_contents a:visited,
#suntory_contents a:link {
    color: #1111cc;
}


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

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

#notes h2 span {
    color: #422611;
}

#suntory_contents p.kome.indent_1 {
    padding-left: 1em;
}

#contents p.mt1 {
    margin-top: 1em;
}
#contents p.mt2em {
    margin-top: 2em;
}

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

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


h2#h2-present-box, 
h2#h2-quiz-box {
    margin: 10px 0 0;
    padding: 4px 0;
    font-weight: bold;
    color: #422611;
    clear: both;
}



#suntory_contents .box h2,
#suntory_contents #kantan {
  border-color: #7F6447;
  background-color: #DABF94;
}

  #suntory_contents #form_area div.mm_read {
    background-color: #DABF94;
}

#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: #7F6447;
}

#suntory_contents #form_area div.cnt_wrap h2 {
  vertical-align: middle;
}

#suntory_contents .box .cnt .column1 ul {
  padding-right: 0;
}

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

#suntory_contents #contents #form_area div.cnt_err_err,
#suntory_contents #contents #form_area div.cnt_err_err_err,
#suntory_contents #contents #form_area div.cnt_err_err_err_err {
  border: 2px solid #f00;
  background-color: #ffdeef;
}
#form_area ul.accompanies li{
	width:22%;
	display:inline-block;
}
#form_area ul.accompanies li:first-child{
	width:12.5%;
}
#form_area ul.accompanies li:nth-child(4){
	width:15%;
}
#form_area ul.accompanies li:nth-child(5){
	width:20%;
}
#suntory_contents .box ul.accompanies li input[type="text"] {
    width: 60%;
}
#suntory_contents #present_area .h2_err {
    border: solid 2px #f00;
    background-color: #ff99cc;
}

#suntory_contents #present_area div.cnt p {
    margin: 0;
    padding: 4px;
}
#suntory_contents #container #contents #present_area #design .column {
    text-align: center;
}
.mb10 {
    margin-bottom: 10px;
}

#suntory_contents .pt10 {
    text-align: left;
    padding-left: 20px;
}
@media screen and (max-width: 767px) {
  #suntory_contents #form_area h2,
  #suntory_contents #form_area h2.h2_1st {
    background-color: #DABF94;
  }

  #suntory_contents #form_area div.cnt_wrap h2.h2_1st {
    border: none;
  }

  #suntory_contents #form_area div.cnt_wrap h2.h2_err,
  #suntory_contents #form_area div.cnt_wrap h2.h2_err_err,
  #suntory_contents #form_area div.cnt_wrap h2.h2_err_err_err,
  #suntory_contents #form_area div.cnt_wrap h2.h2_err_err_err_err {
    border: solid 2px #f00;
    background-color: #ff99cc;
  }

  #suntory_contents #form_area .cnt ul.inline li {
    display:block;
    padding:0 10px 0 0;
    white-space:normal;
  }

  #suntory_contents #form_area h2.h2_err_err,
  #suntory_contents #form_area h2.h2_err_err_err,
  #suntory_contents #form_area h2.h2_err_err_err_err {
    border: solid 2px #f00;
    background-color: #ff99cc;
  }
  
  #suntory_contents #form_area div.mm_read {
    background-color: #C7AB7E;
}

  
#form_area ul.accompanies{
	margin-bottom:0.7em;
	border-bottom:1px dotted #AAA;
}

#form_area ul.accompanies li{
	width:11px;
	font-size:11px;
	width:45%;
}
#form_area ul.accompanies li:first-child{
	width:100%;
	font-size:10px;
	font-weight:bold;
}
#form_area ul.accompanies li:nth-child(4){
	width:35%;
}
#form_area ul.accompanies li:nth-child(5){
	width:40%;
	font-size:14px;
	
}
#form_area ul.accompanies li.pt14{
	font-size:14px;
	padding:3px 5px;
	width:auto;
}
#form_area ul.accompanies li select{
	font-size:12px;
}
#suntory_contents .box ul.accompanies li input[type="text"] {
    width: 55%;
}


#suntory_contents #present_area .h2_err {
    border: solid 2px #f00;
    background-color: #ff99cc;
}

#suntory_contents .pt10 {
    padding-left: 25%;
}


h2#h2-present-box, 
h2#h2-quiz-box {
    margin: 2px 5px;
}

}


/* ------------------------------------------------------------------------
�@body > #suntory_contents > #container > #contents > #submit_box
------------------------------------------------------------------------ */
#submit_box p.caution {
  font-size: 14px;
  line-height: 1.5em;
  text-align: center;
}

#submit_box #doui_area {
  line-height: 80%;
  margin: 0 auto 23px;
  text-align: center;
  font-size: 14px;
}

#submit_box #doui_area span.required {
  height: 15px;
  padding: 3px 4px 0;
}
@media screen and (max-width: 767px) {
  #submit_box p.caution {
    font-size: 80%;
  }
}

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



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

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


#suntory_contents #kantan_box {
    border-bottom: none;
}
@media screen and (max-width: 767px){

#suntory_contents #datahenko h3 {
    background-color: #C7AB7E;
}

#suntory_contents #kantanriyou h3 {
    background-color: #C7AB7E;
}
}
/* ------------------------------------------------------------------------
�@body > #suntory_contents > #container > #contents > err
------------------------------------------------------------------------ */
#suntory_contents #contents #present_area div.cnt_err,
#suntory_contents #contents #present_area div.cnt_err_err,
#suntory_contents #contents #present_area div.cnt_err_err_err {
    border-left: 2px solid #f00;
    border-right: 2px solid #f00;
    border-bottom: 2px solid #f00;
    background-color: #ffdeef;
}

@media screen and (max-width: 767px){
#suntory_contents #present_area h2.h2_err_err_err{
    border: solid 2px #f00;
    background-color: #ff99cc;
}
}
/* ------------------------------------------------------------------------
�@body
------------------------------------------------------------------------ */
body {
  font-family: sans-serif,Helvetica;
}

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