@charset "Shift_JIS";


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


#kantan_wrap {
    margin: 0.65em 0;
}
#form_wrapper #form_area {
    margin-top: 0;
}


#form_wrapper #enquete dl._err_err dt {
    color: #000;
}


@media screen and (max-width:767px){
#kantan_wrap {
    margin: 0;
}
}


/* =======================================================================
黒背景
======================================================================= */
#suntory_contents,#container {background:#000;}

#contents.border_area,#contents .border_area {
    color: #FFFFFF;
    width: 888px;
    margin: 0 auto;
    padding: 15px 35px 0;
    border: 1px solid #3e3e3e;
}

#captcha_inner {
    color: #000;
}

#form_wrapper .box > dl._err > dt {
    color: #000;
}

#form_wrapper .box > dl._err > dd {
    color: #000;
}

#form_wrapper .box.mm_read > dl._err > dt, #form_wrapper .box > dl.mm_read._err > dt {
    color: #000;
}

#form_wrapper #enquete dl._err dt em i{
    color: #000;
}

#form_wrapper .box.mm_read > dl._err > dd {
    background-color: #fff7ff;
}

#contents #form_wrapper .btca_box h3 {
    color: #fff;
}

#contents #form_wrapper .btca_box p.lead {
    color: #fff;
}

#contents_hd #outline_area a{color:#ceb968;}

#contents_hd{
padding:0 5px 40px 5px;
color:#fff;
}

#form_wrapper p.er_msg {
    background: #000;
}

#kantan_box .accordion dl {
    background: black;
}

#contents #form_wrapper .btca_box h3 {
    background: #222;
}

#form_wrapper .box > dl._modified > dd {
    color: #000;
}

#form_wrapper .box dl dd label.hover{
color:black
}

#contents #form_wrapper .btca_box,
#contents .thanks_txt p.info,
#contents .type_msg p.lead{
color:#fff;
}



#form_wrapper .box > dl._err_err > dt, #form_wrapper .box > dl._err_err_err > dt{
    color: #000;
}

#form_wrapper .box > dl._err_err > dd, #form_wrapper .box > dl._err_err_err > dd{
    color: #000;
}
.regist_confirm #form_wrapper .box.mm_read > dl._err > dt {
    color: #fff;
}

/* ---------------同伴者------------------ */

#form_wrapper h2.tit.mb0 {
    margin-bottom: 0;
}

#form_wrapper .box dl dd ul li input[type=email] {
    width: 50%;
}

@media screen and (max-width:767px){
#form_wrapper .box dl dd ul li input[type=email] {
    width: 96%;
}
}
/* ---------------確認画面会員連携必須------------------ */
#form_wrapper .box {
    margin-bottom: 2.2em;
}

#kantanriyou p.cmt a {
    color: #ceb968;
    text-decoration: underline;
    font-size: 14px;
    margin: 5px 0;
}

#kantanriyou p.cmt a:link, #kantanriyou p.cmt a:visited {
    color: #ceb968;
}

#kantanriyou p.cmt a:hover {
    color: #FFEA9A;
}

#form_wrapper #kantanriyou .box dl dt {
    background: #3e3e3e;
}


#suntory_contents p.next_sid{
    margin-top: 10px;
    font-weight: bold;
}
/* ---------------完了画面会員連携------------------ */
#suntory_contents dl.info a:link, #suntory_contents dl.info a:visited {
	color: #ceb968;
}
#suntory_contents dl.info a:hover {
	color: #FFEA9A;
}

#contents .type_msg dl.info {
    background: #000;
    color: #fff;
}

#sid_benefit {
    color: #fff;
}

.regist_done #sid p.lead {
    color: #000;
}

/* ---------------完了、期間外、エラーlinklist------------------ */

#suntory_contents .link_list a:link, #suntory_contents .link_list a:visited {
	color: #ceb968;
}
#suntory_contents .link_list a:hover {
	color: #FFEA9A;
}

/* #contents .thanks_txt h2 完了、期限切れ、エラーページの見出し色
-------------------------------------------------- */
#contents .thanks_txt h2{
    color: #ceb968;
}



/* =======================================================================
#contents #contents_hd メイン画像下 応募要項等 フリーカスタムエリア
======================================================================= */


#submit_box ul li {
    padding-bottom: 20px;
}


#form_wrapper .box dl.name dd ul li input[type=text] {
    width: 180px;
}

#contents_hd #outline_area ul.caution li ul.caution li:last-child {
    padding-bottom: 0;
}

#form_wrapper .box dl dd .column_list ul li {
    text-indent: -1.2em;
    margin-left: 1.2em;
}

#form_wrapper .box dl dd .column_list ul li.other p {
  text-indent: 0;
}
#form_wrapper .box dl dd .column_list ul li.other input[type=text] {
  margin-left: 0;
}
.regist_confirm #form_wrapper .box dl dd ul li {
    text-indent: 0;
    margin-left: 0;
}

#form_wrapper .box dl dd .column_list ul li.q12sonota {
    margin-top: 1.5em;
}

#form_wrapper .box dl dd .column_list.clm1 ul li.other input[type=text] {
    width: 45%;
}

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

#contents.border_area,#contents .border_area {
	margin: 0;
    padding: 0;
    border: none;
    width: 100%;
}

#form_wrapper .box dl dd .column_list.clm1 ul li.other input[type=text] {
    width: 90%;
}

}




/* =======================================================================
#contents #form_wrapper テーブル・フォーム周り関連スタイル
======================================================================= */

/* h2before,color,レイアウト
============================================================ */
#contents_hd #outline_area h2,
#contents_hd #outline_area dl dt{
color:#ceb968;
}


#contents_hd #outline_area h2:before{
content:"\0025CF";
padding-right:3px;
}


#form_wrapper h2.tit:before{
content:"\0025a0";
}

#form_wrapper h2.tit {
    color: #FFF;
    background-color: #c52606;
    line-height: 1.5;
    padding: 4px 0 4px 5px;
    margin: 0;
}

#form_wrapper h2.tit.enquete {
    margin-bottom: 0;
}

#suntory_contents #enquete h3 {
    font-weight: bold;
    margin-top: 1.5em;
}

#suntory_contents  #enquete h3.h3_1st {
    margin-top: 0;
}

#form_wrapper .box dl dd .column_list ul li.q9sonota {
    margin-top: 1.5em;
}

#form_wrapper h2.tit.enquete.confirm,
#form_wrapper h2.tit.form.confirm {
     background: none;
}


@media screen and (max-width:767px){
#form_wrapper h2.tit {
    margin-left: 0;
}

#form_wrapper .box dl.name dd ul li input[type=text] {
    width: 90px;
}

#contents #form_wrapper .btca_box h3 {
    padding: 10px 15px;
}

#form_wrapper #enquete dl dd .inline_list ul li{
	float: none;
	width: 100%;
    padding-right: 0.8em;
}

}



/* #form_wrapper .box　テーブルの背景、線色
============================================================ */

#form_wrapper .box > dl,
#form_wrapper .box > dl:last-child,
#form_wrapper .box > dl > dt,
#form_wrapper .box > dl > dd,
#form_wrapper .box.mm_read > dl > dt,
#form_wrapper .box > dl.mm_read > dt,
#form_wrapper .box > dl.mm_read > dt{
border-color:#3e3e3e;
background-color: #222222;
color: #fff;
}

#form_wrapper .box > dl > dt,
#form_wrapper .box.mm_read > dl > dt,
#form_wrapper .box > dl.mm_read > dt{
background:#141414;
}

#form_wrapper .box.mm_read > dl > dd.bg,
#form_wrapper .box > dl.mm_read > dd.bg{
background:#141414;
}

#form_wrapper .box > dl.mm_read dd ul.caution li {
    color: #fff;
}

#form_wrapper .box > dl.mm_read dd ul.caution li.info {
    font-size: 0.8em;
    color: #9f9f9f;
}

#form_wrapper #enquete dl dt em i,
#form_wrapper #enquete dl dt em strong{
color:#fff;
}


@media screen and (max-width:767px){
#form_wrapper .box.mm_read > dl > dd.bg, #form_wrapper .box > dl.mm_read > dd.bg {
    background: #3e3e3e;
}

}

#contents_hd #outline_area ul li.txtred{
    color: #f00;
}