/*--- ver1.1 ---*/
@charset "Shift_JIS";
/* ------------------------------------------------------------------------
　body
------------------------------------------------------------------------ */
 body{
    font-family:,sans-serif,Helvetica !important;
  }
@media screen and (max-width: 767px){
  body, span, a {
    font-family: "Osaka",sans-serif,Helvetica !important;
  }
}


/* ------------------------------------------------------------------------
全体のレイアウト
------------------------------------------------------------------------ */

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

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

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

#notes p.kome.mt1 {
    margin-top: 1em;
}
#suntory_contents #twitter .kome {
	text-indent: -1em;
	margin-left: 1em;
}


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

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

#suntory_contents a:link {
  color: #1111cc;
}
#suntory_contents a:visited {
  color: #609;
}
#suntory_contents a:hover,
#suntory_contents a:active {
  color: #1111cc;
}




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

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

}

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


/* ------------------------------------------------------------------------
ヘッダー下文言
------------------------------------------------------------------------ */


#container h1 span {
    display: block;
    margin-top: 7px;
    padding: 8px 0;
    background-color: #042954;
    color: #ffffff;
    font-weight: bold;
    font-size: 125%;
}

@media screen and (max-width: 767px){
#container h1 span {
    font-size: 90%;
}
}
/* ------------------------------------------------------------------------
応募要項
------------------------------------------------------------------------ */
/*リード文*/
#lead_box{
	color:#ff0000;
	padding:1em 2em;
	border: 2px solid #ff0000;
}





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

#suntory_contents #notes p.komemt1{
    margin: 1em 0 0 1em;
	}
.kome span.dot {
  font-family: "ＭＳ ゴシック", "Osaka−等幅" !important;
}

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



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


/* ------------------------------------------------------------------------
フォームの枠線色
------------------------------------------------------------------------ */
#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:#241917;
}

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


/* ------------------------------------------------------------------------
フォーム kantan
------------------------------------------------------------------------ */
#suntory_contents #twitter p.er_msg_point {
	margin:0;
}

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

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


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

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

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

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

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

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




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

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

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

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


#suntory_contents #formthanks  p.info.kome {
    text-indent: -1em;
    padding: 0px;
    margin: 0 0 0 1em;
}


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


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


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



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

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

/* ------------------------------------------------------------------------
 LINE バナー
------------------------------------------------------------------------ */
#link_box_area img.donebnr {
    padding: 0 14px;
}


@media screen and (max-width: 767px){
  #link_box_area img.donebnr {
    max-width: 90%;
    display: block;
    margin: 0 auto 10px;
    padding:0;
  }
}