@charset "Shift_JIS";


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


#suntory_contents ul.fleft.input {
    float: left;
}
#suntory_contents span.cl_red {
    color: #f00;
}

#suntory_contents li.kome_txt {
    padding-top: 3px;
}

#form_wrapper .box dl dd ul.fleft li input[type=text] {
    margin: 3px;
}

#contents #form_wrapper .btca_box h3 {
    padding: .8em 1em;
    margin-bottom: .5em;
}


@media screen and (max-width:767px){
#suntory_contents ul.fleft.input {
    float: none;
}

#suntory_contents ul #prize_image_a img {
    width: 100%;
    max-width: 300px;
}

#suntory_contents li img {
    width: 100%;
    max-width: 362px;
}
}


/* =======================================================================
#suntory_contents #container 横幅、メイン画像
======================================================================= */
#suntory_contents .pc_none {
    display: none;
}
@media screen and (max-width:767px){

#suntory_contents .sp_none {
    display: none;
}

#suntory_contents .pc_none {
    display: block;
}
}


/* #contents_hd #outline_area
============================================================ */
#contents_hd #outline_area h2,
#contents_hd #outline_area dl dt{
color: #272c6c;
}

#contents_hd #outline_area ul.caution li.pl1 {
    padding-left: 1em;
}

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

#contents_hd #outline_area ul.caution li.mt1 {
    margin-top: 1em;
}

#contents_hd #outline_area span.required {
    display: inline-block;
    vertical-align: middle;
    background: #f00;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    font-size: 0.8em;
    letter-spacing: 0.2px;
    line-height: 1.72em;
    padding: 0 4px 0 20px;
}

/* =======================================================================
#contents #form_wrapper テーブル・フォーム周り関連スタイル
======================================================================= */
/* #form_wrapper h2.tit ■応募フォーム／■アンケート　等のタイトル部分
============================================================ */
#form_wrapper h2.tit {
    color: #272c6c;
}


/* #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:#272c6c;
}

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

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

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

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



/* =============================================================================
他、背景色を変える際、色によっては変更したほうがよさそうな色部分
============================================================================= */
/* #contents .thanks_txt h2 完了、期限切れ、エラーページの見出し色
-------------------------------------------------- */
#contents .thanks_txt h2 {
    color: #272c6c;
}


#contents_hd .lead_caution ul li {
    text-align: center;
	font-weight: bold;
}

#container h1 {
    background-color: #272c6c;
    padding: 35px 15px;
    text-align: center;
    color: #fff;
    font-size: 125%;
    font-weight: bold;
    margin-bottom: 30px;
	line-height: 1;
}