@charset "Shift_JIS";

/*3点セット実装による表示崩れへの暫定対処*/
#suntory_contents #kantan_box {
  border-bottom: 0;
}
/*その他、regist_form_1.htmlのbodyタグに line-height: normal; を直書き（2箇所）*/

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

/* ------------------------------------------------------------------------
 #suntory_contents
------------------------------------------------------------------------ */
/*テキストリンクの色*/
#suntory_contents a:link {
  color: #1111cc;
}
#suntory_contents a:visited {
  color: #1111cc;
}
#suntory_contents a:hover,
#suntory_contents a:active {
  color: #1111cc;
}


/* ------------------------------------------------------------------------
 #suntory_contents > #container
------------------------------------------------------------------------ */
/*ヘッダー画像のimgタグにheightを記述した場合にもRWD対応*/
/* ------------------------------------------------------------------------
 #suntory_contents > #container > #contents > #notes
------------------------------------------------------------------------ */
#notes{
	position:relative;
}
#notes h2 {
  color: #5bc2dc;
}
#notes h2 span {
    color: #5bc2dc;
}

#notes p.mt1{
	margin-top:1em;
}
/*#notes p.prize{
	display:inline;
}
*/img.prize{
	display: inline-block;
    float: right;
	margin-top:-3em;
/*	position: absolute;
    right: 0;
    top: 0;
	display:block;*/
}

#suntory_contents p.indent_1 {
    padding-left: 1em;
}


.kome span.dot {
    font-family: "ＭＳ ゴシック", "Osaka−等幅" !important;
}
@media screen and (max-width: 767px){
img.prize{
	display:block;
    margin: 0 auto;
    max-width: 100px;
    width: 100%;
	float:none;
}
}
/* ------------------------------------------------------------------------
 body > #suntory_contents > #container > #contents > #twitter
------------------------------------------------------------------------ */
#twitter .cnt_wrap{
	display: table;
	width: 100%;
}
#twitter .cnt_wrap h2{
	display:table-cell;
	width:27%;
	padding: 11px 8px;
}
#twitter .cnt_wrap .cnt{
	display:table-cell;
	padding:0px 5px 8px 8px;
	width:68%;
}
#suntory_contents #twitter .cnt_wrap input[type="text"] {
	width:50%;
}

#twitter .cnt_wrap h2{
	border-width: 1px 0 1px 1px;
}
#twitter .cnt_wrap .cnt{
	border:1px solid;
	padding: 8px;
}
#twitter .cnt_wrap .cnt_cnf{
	padding-top:8px;
}
#twitter .cnt_wrap div.cnt_err {
	background-color: #FFDEEF;
	border: 2px solid #FF0000;
}


#suntory_contents #twitter h2 span.required {
    padding: 0 4px 0;
	margin-right: 0px;
    display: inline;
    background-color: #f20;
    border-radius: 3px;
    font-size: 10px;
    float: right;
}





@media screen and (max-width: 767px){
	#twitter .cnt_wrap{
		display:block;
	}
	#twitter{
		margin-bottom:2em;
	}
	#twitter .cnt_wrap,
	#twitter .cnt_wrap .cnt{
		border:none;
	}
	#twitter .cnt_wrap h2,
	#twitter .cnt_wrap div{
		display:block;
		width:100%;
		border-top-style:none;
		padding:5px;
		box-sizing:border-box;
	}
	#twitter .cnt_wrap .cnt_cnf{
		padding-top:10px;
	}
	#twitter .cnt_wrap .h2_err{
		border: solid 2px #f00;
		background-color: #ff99cc;
	}
	
	
	
#suntory_contents #twitter h2 span.required {
    margin: 0 5px 0 0;
    padding: 0 4px 0;
    display: inline;
    background-color: #f20;
    border-radius: 3px;
    font-size: 10px;
    float: left;
}
	
	
	
	
}

/* ------------------------------------------------------------------------
 #suntory_contents > #container > #contents > form
------------------------------------------------------------------------ */
/*応募フォーム・アンケートの見出しの色*/
h2#h2-form-box,
h2#h2-form-box span{
	background-color: #5bc2dc;
	color:#FFF;
	margin:0;
	padding:4px 5px;
}
h2#h2-form-box span{
	padding:0;
}
/*フォーム部分の背景色と枠線の色*/
#suntory_contents .box h2,
#suntory_contents #kantan,
#suntory_contents #form_area div.mm_read {
  border-color: #5bc2dc;
  background-color: #e8faff;
}
#suntory_contents .box .cnt,
#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 #kantanriyou .cnt {
  border-color: #5bc2dc;
}


/*cnt_1stを使うとエラーメッセージ部分が膨らんでしまう問題への対処*/
#suntory_contents #form_area div.cnt.cnt_1st p.er_msg_point {
  padding: 4px 0 0 0;
}

/*選択肢をインライン表示にした場合における小笠原好みの余白*/
#suntory_contents .box .cnt ul.inline {
  padding-bottom: 3px;
}


/*present_areaエラーメッセージ*/
#suntory_contents #present_area .h2_err {
    border: solid 2px #f00;
    background-color: #ff99cc;
}

#suntory_contents #present_area .h2_err_err {
    background-color: #ff99cc;
    border: 2px solid #f00;
}

#suntory_contents #contents #present_area div.cnt_err {
    border-left: 2px solid #f00;
    border-right: 2px solid #f00;
    border-bottom: 2px solid #f00;
    background-color: #ffdeef;
}

#suntory_contents #contents #present_area div.cnt_err_err {
    border-left: 2px solid #f00;
    border-right: 2px solid #f00;
    border-bottom: 2px solid #f00;
    background-color: #ffdeef;
}





#suntory_contents #present_area div.cnt p {
    margin: 0;
    padding: 4px;
}


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


@media screen and (max-width: 767px) {
  /*縮小時の応募フォーム見出しの背景色*/
  #suntory_contents #form_area h2,
  #suntory_contents #form_area h2.h2_1st {
    background-color: #e8faff;
  }

  /*h2_1stを使うと縮小時に枠線が出てしまう・エラー時に正しい表示にならない問題への対処*/
  #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;
  }

  /*縮小時のメルマガパーミッション・会員連携関連見出しの背景色*/
  #suntory_contents #form_area div.mm_read,
  #suntory_contents #kantanriyou h3,
  #suntory_contents #datahenko h3 {
    background-color: #d2f5ff;
  }
  
  /*present_areaエラーメッセージ*/
  #suntory_contents .box .cnt ul.inline li {
    display: block;
    padding: 0 10px 0 0;
    white-space: normal;
    line-height: 140%;
	}
	
	#suntory_contents .box {
    margin-bottom: 10px;
	}

}

/* ------------------------------------------------------------------------
 #suntory_contents > #container > #contents > #formthanks
------------------------------------------------------------------------ */
/*完了・エラー・期間外画面の見出しの色*/
#formthanks h2 {
  color: #5bc2dc;
}

/*完了・エラー・期間外画面のテキストリンク文頭の矢印画像*/
#formthanks .brand_top a,
#formthanks .campetc a {
  background-image: url("/btc/CP201305/img/yj2.gif");
}
#formthanks p.inq{
	text-align: left;
	width: 626px;
	margin: 1em auto 2.5em;
	font-size: 90%;
}
@media screen and (max-width: 767px){
	#formthanks p.inq{
		width:90%;
	}

}