@charset "utf-8";

/* 個別設定 ============================== */






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

}










/* 告知枠共通 ============================== */
.noticeFrame { background-color: white; padding: 4px; box-sizing: border-box; }
.noticeWrap { margin-top: 20px; }
.noticeBoxL { float: left; }
.noticeBoxR { float: right; }
.noticeLine { border: solid 1px red; position: relative; background-color: transparent; }
.noticeBoxRedDashed { border: dashed 1px red; padding: 8px; }

.noticeBoxTit { line-height: 1.35; font-weight: 300; }
.noticeBoxbg {
	position: relative;
	background: url(../images/notice_bingo_0304_bg.png) center center/cover no-repeat;
	padding: 10px 15px 50px;
	text-align: center;
}
.noticeBoxbg img.bg { width: 732px; height: auto; }

.noticeBoxLead { line-height: 1.6; }
.noticeBtnArea { margin-top: 10px; text-align: right; }
.noticeCopyAbs { position: absolute; bottom: 12px; left: 120px; z-index: 5; }
.noticeBtnAbs { position: absolute; bottom: 10px; right: 15px; z-index: 5; }

dl.noticeInfoList { line-height: 1.25em; margin-bottom: 8px; }
dl.noticeInfoList dt { margin-top: 8px; }
dl.noticeInfoList dd { margin-top: -1.25em; padding-left: 4em; }

.noticeSubBox { background-color: #eee; border-radius: 5px; padding: 8px; }
.noticeSubBox .tit { display: inline-block; background-color: white; padding: 3px 5px 2px; line-height: 1; }

ul.noticeWhiteBoxList li { margin-top: 8px; background-color: white; line-height: 1; padding: 8px 5px 6px; border-radius: 3px; }
ul.noticeWhiteBoxList li.txt { background-color: transparent; padding: 0; border-radius: 0; }

/* 出張告知枠 ============================== */
.biztripCharas { position: absolute; z-index: 15; }
.biztripTit { float: left; }
.biztripCont { float: right; box-sizing: border-box; }
.biztripInfoBox { border: dashed 1px red; padding: 4px 8px; margin-top: 15px; }
.biztripBtnAlt { border: double 3px red; padding: 5px; text-align: center; line-height: 1.25; background-color: white; }
.biztripMsg { padding: 8px; background-color: #eee; border-radius: 4px; line-height: 1.6; }





@media only screen and (max-width: 767px) {
	
	/* 告知枠共通 */
	.noticeBoxL { float: none; }
	.noticeBoxR { float: none; }
	.noticeBoxTit { line-height: 1.15; }
	
	.noticeBoxbg { padding: 10px 10px 10px; }
	.noticeBoxbg img.bg { width: 100%; height: auto; }
	.noticeCopyAbs { position: static; padding: 15px 10px; line-height: 1.35em; }
	.noticeBtnAbs { position: static; }
	
	/* 出張告知枠 */
	.biztripTit { float: none; }
	.biztripCont { float: none; }
	.biztripTit img { width: 100%; height: auto; }
	.biztripCharas { display: none; }

}