@charset "Shift_JIS";

/* ------------------------------------------------------------------------
　body
------------------------------------------------------------------------ */
body {
	background-color:#132D52;
}

body {
  font-family: sans-serif,Helvetica;
}


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


}
/* ------------------------------------------------------------------------
　body > #suntory_contents > #suntory_hd_include_201406
------------------------------------------------------------------------ */
@media screen and (max-width: 767px){
#suntory_hd_include_201406{
	display:none;
}
}

/* ------------------------------------------------------------------------
　body > #suntory_contents
------------------------------------------------------------------------ */
#suntory_contents{
}
#suntory_contents {}
#suntory_contents a:link {
  color: #1111cc;
}
#suntory_contents a:visited {
  color: #609;
}
#suntory_contents a:hover,
#suntory_contents a:active {
  color: #1111cc;
}
#suntory_contents h1{
	margin:0 0 15px;
	padding: 0;
	text-align:center;
}

#suntory_contents .box h2 {
	border-color:#26395a;
	background-color:#ebecf0;
}
#suntory_contents .box h2 span.hdr {
	display:block;
	float:none;
	overflow:hidden;
}
#suntory_contents .box .cnt {
	border-color:#26395a;
}
#suntory_contents .pc_none {
	display: none;
}

@media screen and (max-width: 767px){
#suntory_contents h1{
	margin:0 auto 15px;
	width:100%;
}
#suntory_contents h1 img{
	width:100%;
	height: auto;
}
#suntory_contents .box h2 {
	background-color:#e5e5e5;
}
#suntory_contents #container h3.h3{
	border:none;
}
#suntory_contents .pc_none {
	display: block;
}
#suntory_contents .sp_none {
	display: none;
}

}
/* ------------------------------------------------------------------------
　body > #suntory_contents > #container
------------------------------------------------------------------------ */
#suntory_contents #container{
	margin:0 auto 40px;
	padding:15px 0 25px;
}
body.ft_fix #suntory_contents #container{
	margin-bottom:310px;
}


#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;
}
@media screen and (max-width: 767px){
body.ft_fix #suntory_contents #container{
	margin-bottom:20px;
}

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

/* ------------------------------------------------------------------------
　body > #suntory_contents > #container > #contents > h2#h2-form-box
------------------------------------------------------------------------ */
h2#h2-form-box {
color: #FFFFFF;
padding: 8px 10px 7px;
}
@media screen and (max-width: 767px){
h2#h2-form-box{
	margin:5px 0 0;
}
}
/* ------------------------------------------------------------------------
　body > #suntory_contents > #container > #contents > h2#h2-enquete-box
------------------------------------------------------------------------ */
h2#h2-enquete-box{
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:#ebecf0;
	border-color:#26395a;
}

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

@media screen and (max-width: 767px){
#suntory_contents #kantan{
	background-color:#e8f6f6;
}
}

/* ------------------------------------------------------------------------
　body > #suntory_contents > #container > #contents > #kantanriyou
------------------------------------------------------------------------ */
#suntory_contents #kantanriyou .cnt{
	border-bottom:1px solid #000;
}
@media screen and (max-width: 767px){
#suntory_contents #kantanriyou .cnt{
	border-bottom:none;
}

}
/* ------------------------------------------------------------------------
　body > #suntory_contents > #container > #contents > #form_area
------------------------------------------------------------------------ */
#suntory_contents #form_area div.cnt_wrap h2{
	vertical-align:middle;
}
#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: #000;
}
#suntory_contents #form_area h2 span.required {
float: right;
margin: 0 0 0 4px;
position: relative;
}
#suntory_contents #contents #form_area div.cnt_err_err,
#suntory_contents #contents #form_area div.cnt_err_err_err{
	background-color: #FFDEEF;
border: 2px solid #FF0000;
}
#suntory_contents #form_area div.atndr{
	background-color: #00376D;
}
#suntory_contents #form_area .atndr h2{
	background-color:transparent;
	border:none;
	color:#FFF;
}

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


@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.h2_err_err,
#suntory_contents #form_area h2.h2_err_err_err{
	background-color: #FF99CC;
border: 2px solid #FF0000;
float: none;
}
#suntory_contents #form_area h2 span.required {
float: left;
margin: 0 4px 0 0;

}

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


}
/* ------------------------------------------------------------------------
　body > #suntory_contents > #container > #contents > #enquete
------------------------------------------------------------------------ */
#suntory_contents #enquete h2 span.required {
float: left;
margin: 0 4px 0 0;
position: relative;
}
#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;
}
@media screen and (max-width: 767px){
#suntory_contents #enquete h2 span.required {
float: left;
margin: 0 4px 4px 0;
}
}
/* ------------------------------------------------------------------------
　body > #suntory_contents > #container > #contents > #formthanks
------------------------------------------------------------------------ */
#formthanks h2{
	color:#00376D;
}
/* ------------------------------------------------------------------------
　body .ft_fix > #suntory_ft_include_201406
------------------------------------------------------------------------ */
body.ft_fix #suntory_ft_include_201406{
	position:fixed;
	bottom:0px;
	height:auto;
	width:100%;
	
}
@media screen and (max-width: 767px){
body #suntory_ft_include_201406,
body.ft_fix #suntory_ft_include_201406{
	display:none;
}
}