@charset "Shift_JIS";

/*================================自由領域====================================*/

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

#contents_hd #outline_area dl dt{
	font-weight: normal;
}

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

#suntory_contents .cl_red {
    color: #f00;
}

#contents .thanks_txt p.info {
    color: #333;
    margin-bottom: 1em;
}
#contents .thanks_txt p.info:last-child {
    margin-bottom: 0;
}

#suntory_contents #quiz_area dl dd img {
    width: 100%;
}
@media screen and (max-width:767px){
#form_wrapper #enquete dl dd .inline_list ul li, #form_wrapper #enquete .field-item_wrap .field-item_ans .inline_list ul li {
    float: none;
}
}
/*================================自由領域====================================*/

/* h1ヘッダー画像出し分け(spヘッダー幅750px)
-------------------------------------------------- */
#suntory_contents h1 img.pc_none {
	display: none;
}
#suntory_contents h1 img.sp_none {
	display: block;
}

@media screen and (max-width:767px){
#suntory_contents h1 img.pc_none {
	display: block;
	max-width: 750px;
	margin: 0 auto;
}
#suntory_contents h1 img.sp_none {
	display: none;
}
}

/* 完了画面　bnr_area SPonly */
.bnr_area{
	margin-bottom: -1em;
}
.bnr {
    margin: 0 auto;
    max-width: 300px;
}

.bnr_area .bnr img {
    max-width: 100%;
}

#contents .link_list.inst_only ul li {
    margin-bottom: 10px;
}

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

/* ---------------h2見出し色、content------------------ */
#contents_hd #outline_area h2, #contents_hd #outline_area dl dt{
	color: #000000;
}

#form_wrapper h2.tit {
    color: #000000;
}

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

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


/* ---------------------------フォーム,アンケートレイアウト----------------------------- */

/* ---------------フォーム,アンケート背景色------------------ */

#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,#form_wrapper .box .field-item_wrap legend.field-item_qes, #form_wrapper .box > .field-item_wrap,#form_wrapper .box > .field-item_wrap .field-item_ans{
border-color:#220000;
}

#form_wrapper .box > dl > dt, #form_wrapper .box.mm_read > dl > dt, #form_wrapper .box > dl.mm_read > dt,#form_wrapper .box .field-item_wrap legend.field-item_qes {
    background-color:#ffeac1;
}

#form_wrapper .box.mm_read > dl > dd.bg, #form_wrapper .box > dl.mm_read > dd.bg {
    background-color:#ffeac1;
}

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

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


/* ---------------ラベルタイプ選択------------------ */

#form_wrapper #kantanriyou.style2022.btca_box .box dt#kantanriyou_title {
    border-bottom: 1px solid #220000;
    background-color: #f9eca0;
}

#form_wrapper #kantanriyou.style2022.btca_box .box #kantanriyou_wrapper {
    border: 1px solid #220000;
}

#form_wrapper .box dl dd ul li.imgchoice label {
    display: block;
    padding: 10px 10px 0;
}

#form_wrapper .box dl dd ul li.imgchoice label span {
    display: block;
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
}
#form_wrapper .box dl dd ul li.imgchoice label span.present_img {
    margin-bottom: 7px;
}
#form_wrapper .box dl dd ul li.imgchoice label span.present_img.vertical {
    max-width: 300px;
    width: calc(258.6vw / (400 / 100));
}

#form_wrapper .box dl dd ul li.imgchoice label span img {
    pointer-events: none;
    display: block;
    width: 100%;
}