@charset "Shift_JIS";

#suntory_contents{background:#080404;}

#container{
    background: #080404;
}

#suntory_contents li.txt_b {
    margin-bottom: 3px;
}

#suntory_contents dd .inline {
    display: inline-flex;
}

#suntory_contents dd .inline li.inlinetxt {
    margin-right: 10px;
}

#suntory_contents dd .inline .inlineblock,
#suntory_contents dd .inline .inlineblock2 {
    display: block;
}


#suntory_contents dd .inline .inlineblock2 {
    margin-left: 15px;
}
    

@media screen and (max-width:767px){
#suntory_contents dd .inline {
    display: block;
}
#suntory_contents dd .inline .inlineblock2 {
    margin-top: 10px;
	margin-left: 0;
}
}


@media screen and (max-width:767px){
#container h1{
width: 100%;
}
}


#suntory_contents .link_list a:link, #suntory_contents .link_list a:visited {
	color: #ceb968;
}
#suntory_contents .link_list a:hover {
	color: #FFEA9A;
}

#captcha_inner {
    color: #000;
}

#suntory_contents dl.info a:link, #suntory_contents dl.info a:visited {
	color: #ceb968;
}
#suntory_contents dl.info a:hover {
	color: #FFEA9A;
}



#form_wrapper .box > dl._err > dt,
#form_wrapper .box > dl._err_err > dt {
    color: #000;
}

#form_wrapper .box > dl._err > dd,
#form_wrapper .box > dl._err_err > dd {
    color: #000;
}

#form_wrapper .box.mm_read > dl._err > dt, #form_wrapper .box > dl.mm_read._err > dt,
#form_wrapper .box.mm_read > dl._err_err > dt, #form_wrapper .box > dl.mm_read._err_err > dt {
    color: #000;
	background-color: #f9c;
}

#form_wrapper .box.mm_read > dl._err > dd,
#form_wrapper .box.mm_read > dl._err_err > dd {
    background-color: #fff7ff;
}

#contents #form_wrapper .btca_box h3 {
    color: #d3d2ca;
	background-color: #3e3e3e;
}


#form_wrapper .box dl.name dd ul li input[type=text] {
    width: 180px;
}

#contents #link_box_area {
    margin-top: 45px;
}

#form_wrapper .box > dl._modified > dd {
    color: #000;
}

#form_wrapper p.er_msg {
    background: #000;
}

#form_wrapper .box dl dd label.hover{
color:black
}


#form_wrapper .box dl dd ul.caution li.mt1 {
    margin-top: 1em;
}

#form_wrapper .box a:link,
#form_wrapper .box a:visited {
    color: #ceb968;
    text-decoration: underline;
}


#form_wrapper .box a:hover {
	color: #FFEA9A;
}

#form_wrapper .box ._err_err {
    border: 2px solid #f00 !important;
}

#form_wrapper .box dl dd .column_list ul.inline {
    display: inline-flex;
}

@media screen and (max-width:767px){

#contents .link_list ul li {
    margin-left: 15px;
    margin-right: 15px;
}

#form_wrapper .box dl.name dd ul li input[type=text] {
    width: 90px;
}

#form_wrapper .box dl dd .column_list ul.inline {
    display: block;
}

}


#contents_hd{
padding:0 5px 40px 5px;
color:#d3d2ca;
}


#contents_hd #outline_area h2,
#contents_hd #outline_area dl dt{
color:#ceb968;
}


#contents_hd #outline_area h2:before{
content:"\0025CF";
padding-right: 3px;
}


#contents_hd #outline_area ul.caution li.mt1 {
    margin-top: 1em;
}

#contents_hd #outline_area ul.caution li.pl1 {
    padding-left: 1em;
}



#form_wrapper h2.tit {
    color: #d3d2ca;
    background-color: #3e3e3e;
    line-height: 1.5;
    padding: 4px 0 4px 5px;
}



#form_wrapper h2.tit.form.confirm {
     background: none;
}

#contents .type_msg dl.info {
    background: #000;
    color: #d3d2ca;
}


#suntory_contents ul.inline_text,
#form_wrapper .box dl dd .column_list ul.inline_text {
    display: inline-flex;
}

#suntory_contents ul.inline_text li,
#form_wrapper .box dl dd .column_list ul.inline_text li {
    padding-right: 10px;
}



@media screen and (max-width:767px){
#form_wrapper h2.tit {
    margin-left: 0;
}

#contents #form_wrapper .btca_box h3 {
    background-color: #3e3e3e;
    padding: 10px 15px;
}

#suntory_contents ul.inline_text,
#form_wrapper .box dl dd .column_list ul.inline_text {
    display: block;
}

}



#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: #080404;
color: #d3d2ca;
}

#form_wrapper .box > dl > dt,
#form_wrapper .box.mm_read > dl > dt,
#form_wrapper .box > dl.mm_read > dt{
background:#141414;
color: #d3d2ca;
}

#form_wrapper .box.mm_read > dl > dd.bg,
#form_wrapper .box > dl.mm_read > dd.bg{
background:#141414;
}

#form_wrapper .box.mm_read > dl > dd {
    background-color: #080404;
}


#form_wrapper .box > dl.mm_read dd ul.caution li {
    color: #d3d2ca;
}

#form_wrapper .box > dl.mm_read dd ul.caution li.info {
    font-size: 0.8em;
    color: #9f9f9f;
}


#contents.border_area,.regist_done #contents .border_area {
    color: #d3d2ca;
    width: 888px;
    margin: 0 auto;
    padding: 15px 35px 20px;
    border: 1px solid #3e3e3e;
}


@media screen and (max-width:767px){
#form_wrapper .box.mm_read > dl > dd.bg, #form_wrapper .box > dl.mm_read > dd.bg {
    background: #3e3e3e;
}

#form_wrapper #form_area {
    margin-bottom: 0;
}

#contents.border_area,.regist_done #contents .border_area {
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
}

}



#contents .thanks_txt h2{
    color: #ceb968;
}

#contents #form_wrapper .btca_box,
#contents .thanks_txt p.info,
#contents .type_msg p.lead{
color:#d3d2ca;
}

#form_wrapper .box {
    margin-bottom: 2.2em;
}
#container.regist_confirm #form_wrapper #submit_box ul li.to_done a {
    margin-right: 250px;
}


@media screen and (max-width:767px){
#container.regist_confirm #form_wrapper #submit_box ul li.to_done a, #container.regist_confirm #form_wrapper #submit_box ul li.to_back a {
    width: 96%;
    margin: 4px auto;
}
#contents_hd {
    padding: 0px 12px 20px 12px;
}
}

#form_wrapper #enquete .sns_conf .sns_set {
    margin-bottom: 0.5em;
}



/* =======================================================================
??N?l?N??÷??
======================================================================= */
#suntory_contents p.apology {
  color: #ff0000;
  background-color: #d3d2ca;
  border: 4px double #ff0000;
  padding: 10px;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1.5
}



#sid_benefit {
    color: #fff;
}

/* =======================================================================
?¶???T?C?Y
======================================================================= */
#form_wrapper .box {
    font-size: 14px;
    }
@media screen and (max-width: 767px){
#form_wrapper .box {
    font-size: 15px;
    }
}


/*====================画像出し分け=====================*/
#suntory_contents #container img.sp_none{
    display: block;
}
#suntory_contents #container img.pc_none{
    display: none;
}

@media screen and (max-width:767px){
#suntory_contents #container img.sp_none{
    display: none;
}
#suntory_contents #container img.pc_none{
    display: block;
}
    #suntory_contents #container h1 img.pc_none{
        max-width: 640px;
        margin: 0 auto;
    }
}
/*====================画像出し分けここまで=====================*/


/*====================ボタン=====================*/
#submit_box ul li a,#submit_box ul li a:hover,#submit_box ul li a:active,
#container.regist_confirm #form_wrapper #submit_box ul li.to_back a, #container.regist_confirm #form_wrapper #submit_box ul li.to_back a:hover,#container.regist_confirm #form_wrapper #submit_box ul li.to_done a, #container.regist_confirm #form_wrapper #submit_box ul li.to_done a:hover, #container.regist_confirm #form_wrapper #submit_box ul li.to_back a:active {
    background: none;
    box-shadow: none;
    border-style: none;
    width: fit-content;
}

#submit_box ul li a:hover,#container.regist_confirm #form_wrapper #submit_box ul li.to_back a:hover,  #container.regist_confirm #form_wrapper #submit_box ul li.to_done a:hover {
    opacity: 0.8;
}

#submit_box ul li a,#container.regist_confirm #form_wrapper #submit_box ul li.to_back a {
    margin: 15px auto;
    padding: 0;
}

@media screen and (max-width:767px){
    #submit_box ul li a img{
        max-width: 560px;
    }

    #submit_box ul li a,#container.regist_confirm #form_wrapper #submit_box ul li.to_back a {
    margin: 10px auto;
}
}
/*====================ボタンここまで=====================*/