@charset "Shift_JIS";

/* ------------------------------------------------------------------------
全体のレイアウト
------------------------------------------------------------------------ */
#suntory_contents{
	color:#575652;
}
#suntory_contents a:link,
#suntory_contents a:visited,
#suntory_contents a:hover,
#suntory_contents a:active
{
	color:#E6545F;
}
#suntory_contents .pt7{
	padding-top:7px;
}

#suntory_contents .mt1em{
	margin-top:1em;
}

#suntory_contents .ml1em{
	margin-left:1em;
}

#suntory_contents .ml2em{
	margin-left:2em;
}

#suntory_contents .mr_l{
	margin-right:90px;
}

#suntory_contents .fw_n{
	font-weight:normal;
}

@media screen and (max-width: 767px){
	#suntory_contents .mr_l{
		margin-right:0px;
	}
}

/* ------------------------------------------------------------------------
必須画像
------------------------------------------------------------------------ */
#suntory_contents span.required{
	padding:3px 4px 2px;
}

@media screen and (max-width: 767px){
	#suntory_contents span.required{
		padding:4px 4px 3px;
	}
}

#suntory_contents .box .cnt h3{
	line-height:100%;
}

/* ------------------------------------------------------------------------
エラー表示
------------------------------------------------------------------------ */
#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;
}


#suntory_contents #enquete div.cnt1_err{
	    border: 2px solid #FF0000;
		background-color: #FFDEEF;
}

/* ------------------------------------------------------------------------
フォームのレイアウト
------------------------------------------------------------------------ */
#suntory_contents .box{
	margin-bottom:0;
}

/* ------------------------------------------------------------------------
タイトル
------------------------------------------------------------------------ */
#suntory_contents h1{
	font-weight:bold;
	margin:30px 0;
}
@media screen and (max-width: 767px){
#suntory_contents h1{
	margin:0;
}
}
/* ------------------------------------------------------------------------
応募要項
------------------------------------------------------------------------ */
#notes h2{
	color:#575652;
}
#notes h2 span{
	color:#E6545F;
}
/* ------------------------------------------------------------------------
フォーム、アンケートの見出し
------------------------------------------------------------------------ */
h2#h2-form-box,
h2#h2-enquete-box{
	padding:7px;
}

h2#h2-form-box{
	margin-top:0px;
}

h2#h2-form-box,
h2#h2-form-box span,
h2#h2-enquete-box,
h2#h2-enquete-box span{
	color:#FFF;
	background-color:#E6545F;
	font-size:90%;
}

@media screen and (max-width: 767px){
	h2#h2-form-box,
	h2#h2-enquete-box{
		margin:0;
	}
}

/* ------------------------------------------------------------------------
クイズ、プレゼントの見出しレイアウト
------------------------------------------------------------------------ */
h2#h2-quiz-box,
h2#h2-present-box{
    clear: both;
    color: #e00137;
    font-weight: bold !important;
    margin: 10px 0 0;
    padding: 4px 0 !important;
	border:none !important;
	background-color:#fff !important;
	font-size:130% !important;
}

@media screen and (max-width: 767px){
	h2#h2-quiz-box,
	h2#h2-present-box{
    	margin: 2px 5px;
	}
}

/* ------------------------------------------------------------------------
フォームの枠線色
------------------------------------------------------------------------ */
#suntory_contents #kantan,
#suntory_contents .box h2,
#suntory_contents #form_area div.cnt,
#suntory_contents .box .cnt,
#suntory_contents #form_area div.cnt_wrap h2.h2_1st,
#suntory_contents #form_area div.cnt_wrap div.cnt_1st,
#suntory_contents #kantanriyou #RegistCustomerFormDiv h2,
#suntory_contents .box .cnt_lastchild,#suntory_contents #kantanriyou .cnt{
	border-color:#E6545F;
}

@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 .box h2 ,
#suntory_contents #kantan{
	background-color:#fce3ea;
}

@media screen and (max-width: 767px){
	#suntory_contents #form_area h2,
	#suntory_contents #form_area h2.h2_1st{
		background-color:#fce3ea;
	}
}

/* ------------------------------------------------------------------------
メルマガパーミッション背景色
------------------------------------------------------------------------ */
#suntory_contents #form_area div.mm_read {
    background-color:#fce3ea;
}

/* ------------------------------------------------------------------------
メルマガパーミッション横幅
------------------------------------------------------------------------ */
#suntory_contents #form_area .mm_notes ul{
	width:85%;
}
@media screen and (max-width: 767px){
#suntory_contents #form_area .mm_notes ul{
	width:100%;
}
}

/* ------------------------------------------------------------------------
選択肢横並びの下部余白
------------------------------------------------------------------------ */
#suntory_contents .box .cnt ul.inline {
    padding-bottom: 3px;
}

/* ------------------------------------------------------------------------
確認画面サブミットボタン
------------------------------------------------------------------------ */
@media screen and (min-width :768px){
	#suntory_contents #submit_box a.confirm:link, #suntory_contents #submit_box a.confirm:visited {
		background: url("/btc/CP201305/img/submit_btn2_bg.gif") no-repeat scroll center top transparent;
	}
}


/* ------------------------------------------------------------------------
完了画面メッセージ文字色�
------------------------------------------------------------------------ */
#formthanks h2 {
	 color: #000;
}

/* ------------------------------------------------------------------------
完了画面ショップリンク
------------------------------------------------------------------------ */
#shop_link{
	margin-top:20px;
	text-align:center;
}

#shop_link img{
	margin-top:10px;
}

@media screen and (max-width: 767px){
	#shop_link{
		width:80%;
		margin:0 10%;
	}
	#shop_link img{
		width:100%;
	}
}

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