@charset "Shift_JIS";

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

/* ------------------------------------------------------------------------
 body
------------------------------------------------------------------------ */
/*Android端末のChromeにて が文字化けする問題への対処*/
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;
}
/* ------------------------------------------------------------------------
　body > #suntory_contents > #container
------------------------------------------------------------------------ */


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


/* ------------------------------------------------------------------------
 #suntory_contents > #container > #contents
------------------------------------------------------------------------ */
#contents {
    margin: 0 60px;
    padding: 0;
    width: 840px;
}
#contents > ul#lead_box {
    border: 2px solid #eb1712;
    color: #eb1712;
    font-size: 84%;
    line-height: 1.5;
    padding: 10px;
}


@media screen and (max-width: 767px){
	#contents {
		margin: 0;
		width: 100%;
	}
	#contents > ul#lead_box {
		width:92%;
		margin:0 auto;
	}

}
/* ------------------------------------------------------------------------
 #suntory_contents > #container > #contents > #notes
------------------------------------------------------------------------ */
#notes{
	position:relative;
}
#notes h2,
#notes h2 span {
  color: #2c0f07;
}

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

#notes p.kome.pl1{
	padding-left:1em;
}

#suntory_contents #kiyaku_iframe_wrapper {
    margin-bottom: 0;
}

@media screen and (max-width: 767px){
img.prize{
	display:block;
    margin: 0 auto;
    max-width: 317px;
    width: 100%;
	float:none;
}
}
/* ------------------------------------------------------------------------
 body > #suntory_contents > #container > #contents > #twitter
------------------------------------------------------------------------ */
#twitter .cnt_wrap{
	display: table;
	width: 100%;
}
#twitter .cnt_wrap h2{
	vertical-align:top;
	display:table-cell;
	width:27%;
	padding: 31px 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;
}
#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 {
    margin: 0;
    position: absolute;
    top: -2px;
    right: 0px;
}

#suntory_contents #twitter div.cnt_wrap h2 span.ttl, #suntory_contents #form_area div.cnt_wrap h2 span.ttl {
    position: relative;
    display: block;
}

@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 .cnt_wrap input[type="text"] {
	width:89%;
	}

#suntory_contents #twitter h2 span.required,
#suntory_contents #form_area h3 span.required {
	margin:0 5px 0 0;
	padding:0px 4px 0;
	position:static;
	top:0px;
	left:0px;
}
	
}
/* ------------------------------------------------------------------------
 #suntory_contents > #container > #contents > form
------------------------------------------------------------------------ */
/*応募フォーム・アンケートの見出しの色*/
h2.h2-box,
h2#h2-form-box,
h2#h2-form-box span,
h2#h2-quiz-box,
h2#h2-quiz-box span{
	background-color: #2c0f07;
	color:#fff;
	margin:0;
	padding:4px 5px;
	font-weight: bold;
}
h2#h2-form-box span,
h2#h2-quiz-box span{
	padding:0;
}
h2.h2-box {
    font-weight: bold;
}
/*フォーム部分の背景色と枠線の色*/
#suntory_contents .box h2,
#suntory_contents #kantan,
#suntory_contents #form_area div.mm_read {
  border-color: #2c0f07;
  background-color: #dfae62;
}
#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: #2c0f07;
}

/*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;
}

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

  /*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: #dca44d;
  }
}
/* ------------------------------------------------------------------------
#suntory_contents #submit_box
------------------------------------------------------------------------ */


#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 > #container > #contents > #formthanks
------------------------------------------------------------------------ */
/*完了・エラー・期間外画面の見出しの色*/
#formthanks h2 {
  color: #2c0f07;
}

/*完了・エラー・期間外画面のテキストリンク文頭の矢印画像*/
#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%;
	}
	
}



/* ------------------------------------------------------------------------
 #suntory_contents > #container > #contents > #quiz_area
------------------------------------------------------------------------ */
#quiz_area li.size_txt.mt1 {
    margin-top: 1em;
}

#quiz_area li.size_txt {
    margin-left: 4px;
	padding-bottom: 4px
}

#quiz_area li.size_txt.mb1 {
    margin-bottom: 4px;
}


/* ------------------------------------------------------------------------
フォトコン LINE バナー
------------------------------------------------------------------------ */
@media screen and (max-width: 767px) {
  #link_box_area img.donebnr {
    max-width: 90%;
    height: auto;
    padding-bottom: 10px;
  }
}