@charset "shift_jis";

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

/* ------------------------------------------------------------------------
�body > #toTopPage
------------------------------------------------------------------------ */
#toTopPage {
	margin:3px 0 24px 0;
	background-color:#19212b;
}

/* ------------------------------------------------------------------------
�body > #suntory_contents
------------------------------------------------------------------------ */
#suntory_contents {
	background-color: #FFF3B0;
	padding: 0 0 25px;
}
#suntory_contents a:link,
#suntory_contents a:visited,
#suntory_contents a:hover,
#suntory_contents a:active {
	color:#221815;
}
#suntory_contents h1 {
    background-color: #221815;
    color: #FBC500;
    font-size: 150%;
    font-weight: bold;
    padding: 15px 0;
}
#suntory_contents .box h2 {
	border-color:#221815;
	background-color:#FBC500;
}
#suntory_contents .box .cnt {
	border-color:#221815;
}
#suntory_contents .box .cnt .new_block, #suntory_contents .box .cnt h3.new_block {
	margin-top:1em;
}
@media screen and (max-width: 767px){
#suntory_contents h1 {
	font-size:94%;
}
#suntory_contents .box h2 {
	background-color:#FBC500;
}
#suntory_contents {
	background-color: #FFF;
	padding:0;
}
}

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

#notes img.present_img {
float:right;
margin:0 0 1em 1em; 
}
@media screen and (max-width: 767px){
#notes img.present_img {
float:none;
margin:1em 0 0 0; 
}
}

/* ------------------------------------------------------------------------
�body > #suntory_contents > #container > #contents > h2#h2-form-box
------------------------------------------------------------------------ */
h2#h2-form-box,
h2#h2-form-box span {
	color:#221815;
}

/* ------------------------------------------------------------------------
�body > #suntory_contents > #container > #contents > h2#h2-enquete-box
------------------------------------------------------------------------ */
h2#h2-enquete-box,
h2#h2-enquete-box span {
	color:#221815;
}

/* ------------------------------------------------------------------------
�body > #suntory_contents > #container > #contents > #kantan
------------------------------------------------------------------------ */
#suntory_contents #kantan {
	background-color:#FBC500;
	border-color:#221815;
}

/* ------------------------------------------------------------------------
�body > #suntory_contents > #container > #contents > #kantanriyou
------------------------------------------------------------------------ */
#suntory_contents #kantanriyou .cnt {
	border-color:#008000;
}
@media screen and (max-width: 767px){
#suntory_contents #kantanriyou h3{
	background-color:#FFF3B0;
}
}
/* ------------------------------------------------------------------------
�body > #suntory_contents > #container > #contents > #datahenko
------------------------------------------------------------------------ */
@media screen and (max-width: 767px){
#suntory_contents #datahenko h3{
	background-color:#FFF3B0;
}
}
/* ------------------------------------------------------------------------
�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:#221815;
}
#suntory_contents #form_area div.mm_read {
	background-color:#FFF3B0;
}

@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, #suntory_contents #form_area h2.h2_1st {
    background-color: #FBC500;
}
}
@media screen and (orientation:portrait) {
	#suntory_contents{
		width:100%;
		overflow:hidden;
	}
}

/* ------------------------------------------------------------------------
完了画面見出し色
------------------------------------------------------------------------ */
#formthanks h2 {
    color: #221815;
}

/* ------------------------------------------------------------------------
iPhoneでの横表示→縦表示にしたときにできる空白に対する対処
------------------------------------------------------------------------ */
@media screen and (orientation:portrait) {
	#suntory_contents{
		width:100%;
		overflow:hidden;
	}
}

/* ------------------------------------------------------------------------
エラー表示追加
------------------------------------------------------------------------ */
#suntory_contents #enquete h2.h2_err_err {
    background-color: #FF99CC;
    border: 2px solid #FF0000;
}
#suntory_contents #enquete div.cnt_err_err {
    background-color: #FFDEEF;
    border-bottom: 2px solid #FF0000;
    border-left: 2px solid #FF0000;
    border-right: 2px solid #FF0000;
}

/* ------------------------------------------------------------------------
Facebookアプリからの遷移対策
------------------------------------------------------------------------ */
#suntory_contents .fb_alert {
        display:none;
        }
@media screen and (max-width: 767px){
        #suntory_contents p.fb_alert {
        display:block;
        border:2px solid #f00;
        line-height:140%;
        font-size:105%;
        font-weight:normal;
        text-align:left;
        padding:0.5em 0.5em 0.5em 1.5em;
        margin-left:0; 
        }
        #suntory_contents #form_area div.cnt p.fb_alert, #suntory_contents #form_area div.cnt_wrap div.cnt_1st p.fb_alert {
        display:block;
        border:2px solid #f00;
        line-height:140%; 
        font-size:90%;
        font-weight:normal;
        text-align:left;
        padding:0.5em 0.5em 0.5em 1.5em;
        margin-bottom:0.5em;
        }
        #suntory_contents p.fb_alert img.fb_icon{
        margin:0 3px;
        vertical-align:bottom;
        }
	}