/*--- ver1.1 ---*/
@charset "Shift_JIS";


/* ------------------------------------------------------------------------
全体のレイアウト
------------------------------------------------------------------------ */
#contents {
	width: 889px;
	margin: 0px auto;
	padding: 0px 0px;
}

#suntory_contents .pt7{
	padding-top:7px;
}

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

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


#container {
    width: 1000px;
}


#suntory_contents #container h1 {
	    margin: 0 0 30px;
}


#container h1.flow {
    margin: 0 0 30px;
}


#container .minor_caution_blue {
	text-align: center;
	color: #BB0511;
	font-weight: bold;
	margin-bottom: 1em;
	font-size: 140%;
}

#container .minor_caution {
	text-align: center;
	color: #ff0000;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 1em;
}

#suntory_contents a:link {
  color: #88750E;
}

#suntory_contents a:visited {
  color: #88750E;
}

#suntory_contents a:hover,
#suntory_contents a:active {
  color: #CFC331;
}





@media screen and (max-width: 767px) {
	#contents {
		width: 100%;
	    padding: 0;

	}
	
	#suntory_contents #container {
    width: 100%;
    padding: 0;
	}
	
	
	#container h1 {
		width: auto;
		/*padding: 20px 0;*/
		margin: 0 0 20px;
		font-size: 120%;
	}
	
	#container h2.flow img {
    width: 100%;
	}

	#container .minor_caution_blue {
		/*font-size: 95%;*/
		padding: 0 5px;
	}
	#container .minor_caution {
		/*font-size: 95%;*/
		padding: 0 5px;
	}
	#suntory_contents #container h1 {
     margin: 0 0 20px; 
    }

}

/* ------------------------------------------------------------------------
エラー表示
------------------------------------------------------------------------ */
#suntory_contents #enquete h2.h2_err_err,#suntory_contents #quiz_area h2.h2_err,#suntory_contents #present_area h2.h2_err {
    background-color: #FF99CC;
    border: 2px solid #FF0000;
}

#suntory_contents #enquete div.cnt_err, #suntory_contents #quiz_area div.cnt_err, #suntory_contents #present_area div.cnt_err {
    background-color: #FFDEEF;
    border-bottom: 2px solid #FF0000;
    border-left: 2px solid #FF0000;
    border-right: 2px solid #FF0000;
}
#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_err {
    border: solid 2px #f00;
    background-color: #ff99cc;
}

}

/* ------------------------------------------------------------------------
応募要項
------------------------------------------------------------------------ */
/*リード文*/
#lead_box{
	color:red;
	padding:1em 2em;
	border: 2px solid red;
}


/*見出し*/
#notes h2{
	color:#770801;
}

#notes {
	width: 860px;
	margin: 0 auto;
}
#notes p.kome2 {
    text-indent: -1em;
    padding: 0;
    margin: 0 0 0 2em;
}

#notes p.mt1 {
    margin-top: 1em;
}

	
@media screen and (max-width: 767px){
	#notes {
		width: auto;
		padding-bottom: 2em; 
	}
}

/* ------------------------------------------------------------------------
応募要項、フォーム、アンケートの見出し
------------------------------------------------------------------------ */
/*padding*/
h2#h2-form-box, h2#h2-enquete-box{
	padding-left:7px;
	background-color:#770801;
}

#suntory_contents .box h2.obi {
    background-color: #4A1500;
    color: #fff;
    font-weight: bold;
    padding: 5px;
}




@media screen and (max-width: 767px){
	h2#h2-form-box, h2#h2-enquete-box{
		width:98%;
		padding-left:2%;
		margin:0;
	}
	h2#h2-enquete-box{
		margin-top:1.5em;
	}
}

/*文字色*/
h2#h2-form-box, h2#h2-form-box span, h2#h2-enquete-box, h2#h2-enquete-box span{
	color:#FFF;
}



/* ------------------------------------------------------------------------
twitterアカウント
------------------------------------------------------------------------ */
#suntory_contents #twitter div.cnt_wrap{
	display: inline-table;
    width: 100%;
}

#suntory_contents #twitter div.cnt_wrap div{
	display:table-cell;
	border-color:#BB0511;
	border-width:1px;
	border-top-style:solid;
	padding:8px;
}

#suntory_contents #twitter div.cnt_wrap input{
	width:50%;
}

@media screen and (max-width: 767px){
	#suntory_contents #twitter div.cnt_wrap input{
		width:89%;
	}

}

#suntory_contents #twitter div.cnt_wrap h2{
	vertical-align:top;
	display:table-cell;
	width:234px;
	padding: 31px 8px;
}

#suntory_contents #twitter div.cnt_wrap h2{
		border-width: 1px 0 1px 1px;
}

#suntory_contents #twitter div.cnt_wrap div.cnt_err {
    background-color: #FFDEEF;
    border: 2px solid #FF0000;
}

@media screen and (max-width: 767px){
	#suntory_contents #twitter{
		margin-bottom:2em;
	}

	#suntory_contents #twitter div.cnt_wrap{
		border:none;
	}

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

	#suntory_contents #twitter div.cnt_wrap h2,
	#suntory_contents #twitter div.cnt_wrap div{
		display:block;
		width:auto;
		border-top-style:none;
		padding:5px;
	}
}



/* ------------------------------------------------------------------------
エントリーフォーム　アドレス 
------------------------------------------------------------------------ */


#suntory_contents .caution {
    color: #f00;
    font-weight: bold;
	text-indent: -1.2em;
    padding: 0;
    margin: 0 0 0 1.2em;
}




/* ------------------------------------------------------------------------
フォーム kantan
------------------------------------------------------------------------ */

#suntory_contents #kantan_box {
    border-bottom: none;
}
#suntory_contents #kantan_box .accordion dl dt {
    padding: 14px 10px 14px 65px;
}
@media screen and (max-width: 767px){
    #suntory_contents #kantan_box .accordion dl dt {
    padding: 10px 10px 10px 10px;
    }
}
/* ------------------------------------------------------------------------
フォームの枠線色
------------------------------------------------------------------------ */
#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:#770801;
}

@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 div.cnt_wrap h2.h2_err {
    border: solid 2px #f00;
    background-color: #ff99cc;
    }
}

/* ------------------------------------------------------------------------
フォームの背景色
------------------------------------------------------------------------ */
#suntory_contents .box h2 ,#suntory_contents #kantan{
	background-color: #EFBB90;
}

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

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

@media screen and (max-width: 767px) {
	#suntory_contents #form_area div.mm_read,
	#suntory_contents #kantanriyou h3,
  #suntory_contents #datahenko h3 {
    background-color: #fdfdd1;
	}
}

/* ------------------------------------------------------------------------
メルマガパーミッション横幅
------------------------------------------------------------------------ */
/*#suntory_contents #form_area .mm_notes ul{
	width:83%;
}*/

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



/* ------------------------------------------------------------------------
確認画面ボタン
------------------------------------------------------------------------ */


#suntory_contents #submit_box a.confirm:hover,#suntory_contents #submit_box a.confirm:active {
	background-position:0 -40px;
}


@media screen and (max-width: 767px){

#suntory_contents #submit_box a.confirm:link,#suntory_contents #submit_box a.confirm:visited {
	display:block;
	height:auto;
	margin:0 15px;
	padding:10px 0;
	background-image:none;
	background-color:#C00;
	text-indent:0; border-radius:10px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	background: #ffb76b; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffb76b', endColorstr='#ffff7f04',GradientType=0 ); /* IE6-9 */
}

#suntory_contents #submit_box a.confirm:hover,#suntory_contents #submit_box a.confirm:active {
	background-color:#e00;
}
}



/* ------------------------------------------------------------------------
完了画面
------------------------------------------------------------------------ */

#formthanks{
	    padding:0 1.5em;
		line-height:1.2em;
}

#formthanks .gorenraku {
	margin-top: 20px;
}

#formthanks .caution_1 {
	color: #f00;
    font-weight: bold;
	text-indent: -1.2em;
    padding: 0;
    margin: 0 0 0 1.2em;
	}

@media screen and (max-width: 767px){
	#formthanks{
		text-align:left;
	}

	#formthanks .gorenraku {
		margin-top: 10px;
	}
}


#inquiry{
    text-align: left;
	margin-top:2em;
	line-height:1.2em;
	font-size:90%;
}


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

#formthanks .brand_top a,
#formthanks .campetc a {
  background-image: url("/btc/CP201305/img/yj2.gif");
}



#form_area div.cnt p{
	margin: 0 0 0 1.2em;
}