@charset "Shift_JIS";

/* ------------------------------------------------------------------------
　body
------------------------------------------------------------------------ */
body {}

/* ------------------------------------------------------------------------
　body > #suntory_contents
------------------------------------------------------------------------ */
#suntory_contents #container h3.h3{
	background-color: #F9F9F9;
	margin:0;
	padding:5px 8px;
	border:1px solid #000;
	border-top:none;
	letter-spacing:-0.025em;
}

#suntory_contents #container p.lead{
	padding-bottom:1em;
}
#suntory_contents #form_area div.cnt_wrap h2{
	vertical-align:middle;
}
#suntory_contents {}
#suntory_contents a:link,
#suntory_contents a:visited,
#suntory_contents a:hover,
#suntory_contents a:active {
	color:#DE0030;
}
#suntory_contents .box h2 {
	border-color:#1d2c63;
	background-color:#d9f2ff;
}
#suntory_contents .box h2 span.hdr {
	display:block;
	float:none;
	overflow:hidden;
}
#suntory_contents .box .cnt {
	border-color:#1d2c63;
}
@media screen and (max-width: 767px){
#suntory_contents .box h2 {
	background-color:#d9f2ff;
}

#suntory_contents #container h3.h3{
	border:none;
}
}

/* ------------------------------------------------------------------------
 body > #suntory_contents > #container
------------------------------------------------------------------------ */
#container h1.title {
	margin: 30px auto;
	padding: 15px;
	text-align: left;
	font-weight: bold;
	font-size: 120%;
	line-height: 140%;
	background-color: #FFFF00;
	width: 770px;
}

@media screen and (max-width: 767px) {
#container h1.title {
	width: auto;
	margin-top: 0;
	font-size: 90%;
}
  #container h1 img {
    height: auto;
  }
}

/* ------------------------------------------------------------------------
　body > #suntory_contents > #container > #contents
------------------------------------------------------------------------ */
#contents p.attention {
	font-size:80%;
	text-align:center;
	padding:0 20px 10px;
}
/* ------------------------------------------------------------------------
　body > #suntory_contents > #container > #contents > #notes
------------------------------------------------------------------------ */
#notes h2,
#notes h2 span {
	color:#1d2c63;
}

/* ------------------------------------------------------------------------
　body > #suntory_contents > #container > #contents > #quiz_area
------------------------------------------------------------------------ */
#suntory_contents #container #contents #design .column {
	width: 32%;
}

#suntory_contents #container #contents #design .w36 {
	width: 36%;
}

#suntory_contents #quiz_area .cnt ul {
	margin: 0 auto;
	display: table;
	padding-right: 0;
}

#suntory_contents #design_box #design {
	margin-bottom: 5px;
}

#suntory_contents #design_box #design ul li {
	width: 100%;
	text-align: center;
}

#suntory_contents #design_box #design img {
	margin: 0 auto;
	display: block;
	max-width: 100%;
}

@media screen and (max-width: 767px){
	#suntory_contents #container #contents #design .column {
		width: 100%;
	}

	#suntory_contents #container #contents #design .w36 {
		width: 100%;
	}

	#suntory_contents #design_box #design .column {
	margin-bottom: 20px;
	}
}
/* ------------------------------------------------------------------------
　body > #suntory_contents > #container > #contents > h2#h2-form-box
------------------------------------------------------------------------ */
h2#h2-form-box {
	background-color: #1d2c63;
	color: #FFFFFF;
	padding: 8px 10px 7px;
}

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

@media screen and (max-width: 767px){
h2#h2-form-box{
	margin:5px 0 0;
}
}
/* ------------------------------------------------------------------------
　body > #suntory_contents > #container > #contents > h2#h2-enquete-box
------------------------------------------------------------------------ */
#suntory_contents .box .cnt ul.inline {
  padding-bottom: 3px;
}

h2#h2-enquete-box{
	background-color: #1d2c63;
	color: #FFFFFF;
	padding: 8px 10px 7px;
}
@media screen and (max-width: 767px){
h2#h2-enquete-box {
	margin:5px 0 0;
}
}
/* ------------------------------------------------------------------------
　body > #suntory_contents > #container > #contents > #kantan
------------------------------------------------------------------------ */
#suntory_contents #kantan {
	background-color:#d9f2ff;
	border-color:#1d2c63;
}
@media screen and (max-width: 767px){
#suntory_contents #kantan{
	background-color:#d9f2ff;
}
}

/* ------------------------------------------------------------------------
　body > #suntory_contents > #container > #contents > #kantanriyou
------------------------------------------------------------------------ */
#suntory_contents #kantanriyou .cnt{
	border-bottom:1px solid #1d2c63;
}
@media screen and (max-width: 767px){
#suntory_contents #kantanriyou h3{
	background-color:#d9f2ff;
}
#suntory_contents #kantanriyou .cnt{
	border-bottom:none;
}
}
/* ------------------------------------------------------------------------
　body > #suntory_contents > #container > #contents > #datahenko
------------------------------------------------------------------------ */
@media screen and (max-width: 767px){
#suntory_contents #datahenko h3{
	background-color:#d9f2ff;	
}
}
/* ------------------------------------------------------------------------
　body > #suntory_contents > #container > #contents > #form_area
------------------------------------------------------------------------ */
#suntory_contents #form_area,
#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 #form_area div.name .name_kanji,
#suntory_contents #form_area div.zip .zip_zip,
#suntory_contents #form_area div.zip .zip_todoufuken,
#suntory_contents #form_area div.zip .zip_sikucho,
#suntory_contents #form_area .mm_notes dl dd ul.mailmagazine li {
	border-color: #1d2c63;
}
#suntory_contents #form_area h2,
#suntory_contents #form_area h2.h2_1st {
	background-color: #d9f2ff;
}
#suntory_contents #form_area h2 span.required {
	float: right;
	margin: 0 0 0 4px;
	position: relative;
}
#suntory_contents #form_area div.mm_read{
	background-color:#F0E1C7;
}
@media screen and (max-width: 767px){
#suntory_contents #form_area div.cnt_wrap h2.h2_1st,
#suntory_contents #form_area div.cnt_wrap div.cnt_1st{
	border:none;
}
#suntory_contents #form_area h2 span.required {
	float: left;
	margin: 0 4px 0 0;

}
}
/* ------------------------------------------------------------------------
　body > #suntory_contents > #container > #contents > #enquete
------------------------------------------------------------------------ */
#suntory_contents #enquete h2 span.required {
	float: left;
	margin: 0 4px 0 0;
	position: relative;
}
#suntory_contents .box h2.borderB_none {
	border-bottom: 0;
}
#suntory_contents #enquete h2.h3_err {
	background-color: #FF99CC;
	border: 2px solid #FF0000;
	border-bottom:none;
}
#suntory_contents #enquete h3.h3_err {
	background-color:#ffbfdf;
	border-bottom: 2px solid #FF0000;
	border-left: 2px solid #FF0000;
	border-right: 2px solid #FF0000;
	border-top:none;
}
#suntory_contents #enquete .cnt input.site {
	width: 223px;
	margin: 0 35% 0 3px;
}
@media screen and (max-width: 767px){
#suntory_contents #enquete h2 span.required {
	float: left;
	margin: 0 4px 4px 0;
}
#suntory_contents #enquete .cnt input.site {
	width: 73.8%;
	margin: 2px 3px 4px 3px;
}
}
/* ------------------------------------------------------------------------
　body > #suntory_contents > #container > #contents > #formthanks
------------------------------------------------------------------------ */
#formthanks h2{
	color:#1d2c63;
}
/* ------------------------------------------------------------------------
　body
------------------------------------------------------------------------ */
.mtb10 {
	margin: 10px 0;
}