@charset "utf-8";

/* ========================================================================================================================/

	styleInfo：campaign/style.css
		└ 1-1, campaign

/======================================================================================================================== */

/* ------------------------------------------------------------------------------------------------------------------------/
	1-1, campaign
/------------------------------------------------------------------------------------------------------------------------ */

h2 {
	box-sizing:border-box;
	font-weight:bold;
	}
	h2 img {
		width:100%;
		height:auto;
		}

ul.caution {
	box-sizing:border-box;
	margin:10px 0 0 0;
	list-style:none;
	}
	ul.caution li {
		color:#d7411a;
		text-align:right;
		text-indent:0 0 0 1.5em;
		box-sizing:border-box;
		}
	ul.caution li::before {
		content:"※";
		display:inline-block;
		box-sizing:border-box;
		margin:0 0.5em 0 0;
		}

section.campaign {
	box-sizing:border-box;
	background:#1a9fc2;
	margin:20px 0 0 0;
	padding:0 10px;
	}
	section.campaign h3 {
		color:#ffffff;
		font-size:20px;
		font-weight:bold;
		text-align:center;
		line-height:120%;
		box-sizing:border-box;
		background:#1a9fc2;
		border:none;
		margin:0;
		padding:15px 0 10px 0;
		}
	section.campaign div.innerbox {
		box-sizing:border-box;
		background:#ffffff;
		padding:10px;
		}
		section.campaign div.innerbox p {
			}
			section.campaign div.innerbox p span {
				color:#d7411a;
				font-weight:bold;
				text-decoration:underline;
				}
		section.campaign div.innerbox > ul {
			list-style:none;
			}
			section.campaign div.innerbox > ul > li {
				position:relative;
				margin:20px 0 0 0;
				padding:0 0 0 1.2em;
				}
			section.campaign div.innerbox > ul > li::before {
				content:"●";
				position:absolute;
				left:0;
				}
				section.campaign div.innerbox > ul > li .slide_box {
					position:relative;
					width:100%;
					padding:0 0 5px 0;
					overflow-x:scroll;
					}
					section.campaign div.innerbox > ul > li .slide_box table {
						width:600px;
						box-sizing:border-box;
						border-collapse:collapse;
						margin:5px 0 0 0;
						}
						section.campaign div.innerbox > ul > li .slide_box table colgroup.cell01 { width:52%; }
						section.campaign div.innerbox > ul > li .slide_box table colgroup.cell02 { width:18%; }
						section.campaign div.innerbox > ul > li .slide_box table colgroup.cell03 { width:30%; }
						section.campaign div.innerbox > ul > li .slide_box table tbody {
							}
							section.campaign div.innerbox > ul > li .slide_box table tbody tr {
								}
								section.campaign div.innerbox > ul > li .slide_box table tbody tr th,
								section.campaign div.innerbox > ul > li .slide_box table tbody tr td {
									border:1px solid #cccccc;
									padding:5px 10px;
									}
								section.campaign div.innerbox > ul > li .slide_box table tbody tr th {
									text-align:center;
									background:#efefef;
									}
								section.campaign div.innerbox > ul > li .slide_box table tbody tr td {
									background:#ffffff;
									}
								section.campaign div.innerbox > ul > li .slide_box table tbody tr td.total {
									font-weight:bold;
									background:#efefef;
									}
								section.campaign div.innerbox > ul > li .slide_box table tbody tr td:nth-of-type(2) { text-align:right; }
									section.campaign div.innerbox > ul > li .slide_box table tbody tr td ul {
										list-style:none;
										}
										section.campaign div.innerbox > ul > li .slide_box table tbody tr td ul li {
											position:relative;
											color:#ff0000;
											font-size:11px;
											line-height:1.6;
											margin:0;
											padding:0 0 0 1.2em;
											}
										section.campaign div.innerbox > ul > li .slide_box table tbody tr td ul li::before {
											content:"※";
											position:absolute;
											left:0;
											}
				section.campaign div.innerbox > ul > li > ul {
					margin:10px 0 0 0;
					list-style:none;
					}
					section.campaign div.innerbox > ul > li > ul > li {
						position:relative;
						padding:0 0 0 1em;
						}
					section.campaign div.innerbox > ul > li > ul > li::before {
						content:"・";
						position:absolute;
						left:0;
						}
						section.campaign div.innerbox > ul > li > ul > li > ol {
							margin:5px 0 0 0;
							list-style:none;
							}
							section.campaign div.innerbox > ul > li > ul > li > ol > li {
								position:relative;
								padding:0 0 0 1.5em;
								}
							section.campaign div.innerbox > ul > li > ul > li > ol > li span {
								position:absolute;
								left:0;
								}
	section.campaign p.tel {
		color:#ffffff;
		font-weight:bold;
		text-align:center;
		padding:10px 0;
		}
		section.campaign p.tel a:link,
		section.campaign p.tel a:visited,
		section.campaign p.tel a:hover {
			color:#ffffff;
			}

/* スクロールヒント
-------------------------------------------------- */
.scroll_hint {
	position:absolute;
	top:50%;
	left:50%;
	display:none;
	width:150px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	line-height:1.4;
	background:rgba(0,0,0,0.5);
	padding:5px 10px;
	transform:translate(-50%,-50%);
	animation:scroll_hint_animation 2s infinite ease;
	}

@keyframes scroll_hint_animation {
0% 		{ transform:translate(-50%,-50%); }
50% 	{ transform:translate(-40%,-50%); }
100% 	{ transform:translate(-50%,-50%); }
}

.scroll_hint_show {
	display:block;
	}