@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
------------------------------------------------------------------------ */
#suntory_contents {
  padding: 24px 0;
}

@media screen and (max-width: 767px) {
  #suntory_contents {
    background-color: #FFF;
    padding: 0;
  }
}

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

}

/* ------------------------------------------------------------------------
　body > #suntory_contents > #container > #contents
------------------------------------------------------------------------ */
#suntory_contents a:link {
  color: #006fbb;
}

#suntory_contents a:visited {
  color: #006fbb;
}

#suntory_contents a:hover,
#suntory_contents a:active {
  color: #006fbb;
}

/* ------------------------------------------------------------------------
　body > #suntory_contents > #container > #contents > #notes
------------------------------------------------------------------------ */
#notes h2, #notes h2 span {
  color: #009F40;
}
#notes p.kome.mt1em{
	margin-top:1em;
}

#notes p.kome span.dot {
    font-family: "ＭＳ ゴシック", "Osaka−等幅" !important;
}
/* ------------------------------------------------------------------------
　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: #009F40;
}

#suntory_contents .box h2,
#suntory_contents #kantan,
#suntory_contents #form_area div.mm_read {
  border-color: #009F40;
  background-color:#E2EFD3;
}
#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: #009F40;
}

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

  #suntory_contents #form_area div.cnt_wrap h2.h2_1st {
    border: none;
  }
  
  #suntory_contents #form_area div.mm_read, 
  #suntory_contents #datahenko h3, 
  #suntory_contents #kantanriyou h3 {
  background-color:#B7E4CA;
  }

  #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;
  }
#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 .box .cnt_err {
    border: 2px solid #f00;
    background-color: #ffdeef;
}

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

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

}

/* ------------------------------------------------------------------------
　body > #suntory_contents > #container > #contents > #quiz_area
------------------------------------------------------------------------ */

#doui_emp {
    border-bottom: 3px solid #027c45;
    border-left: 3px solid #027c45;
    border-right: 3px solid #027c45;
    margin: 10px 0 15px;
}
h2#h2-quiz-box {
    background-color: #027c45;
    clear: both;
    font-size: 100%;
    font-weight: bold;
    padding: 5px 5px 4px;
}
h2#h2-quiz-box, h2#h2-quiz-box span {
    color: #fff;
}
#suntory_contents #quiz_area {
    margin-bottom: 0;
}
#suntory_contents #quiz_area h2, #suntory_contents #quiz_area .cnt {
    border-color: #027c45;
}
#suntory_contents #quiz_area h2, #suntory_contents #quiz_area .cnt {
    border-color: #027c45;
}

#suntory_contents li.er_msg_point {
    color: #f00;
    font-weight: bold;
    line-height: 1.01em;
    padding-top: 4px;
	
}
#quiz_area li.txt{
	width:85%;
	display:inline-block;
}
#quiz_area li.pmt{
	width:10%;
	display:inline-block;
}
@media screen and (max-width: 767px) {
	#quiz_area li.txt{
		width:100%;
	}
	#quiz_area li.pmt{
		width:100%;
		margin-bottom:1.2em;
	}
	#suntory_contents li.er_msg_point {
		float:none;
	}

}
/* ------------------------------------------------------------------------
　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: #009D3B;
}




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


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


/* ------------------------------------------------------------------------
　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: 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;
  }
}