@charset "utf-8";

h2{max-width: 490px;}

/* cautionlist */
.cautionlist{
	position: relative;
	margin: 0 auto;
	padding: 45px 0;
	background-image: url("../img/corner01.png"), url("../img/corner02.png"), url("../img/corner03.png"), url("../img/corner04.png"), url("../img/bg02.jpg");
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat;
	background-position: 2px 12px, calc(100% - 2px) 12px, 2px calc(100% - 7px), calc(100% - 2px) calc(100% - 7px), 50% 50%;
	background-size: 65px auto, 65px auto, 65px auto, 65px auto, 150px auto;
}
.cautionlist h2{padding-bottom: 25px;}

/* faqlist */
.faqlist{
	position: relative;
	margin: 0 auto;
	padding: 45px 0;
	background-image: url("../img/bg_ffotp.png"), url("../img/bg_ffotp01.png"), url("../img/bg01.jpg");
	background-repeat: no-repeat, no-repeat, repeat;
	background-size: 50% auto, 33% auto, 290px auto;
	background-position: 100% 0, 0 100%, 50% 50%;
}
.faqlist h2{padding-bottom: 25px;}

.limitlist{
	position: relative;
	margin: 0 auto;
	padding: 40px 0 0 0;
	background: #4E141C;
	background: linear-gradient(180deg,rgba(78, 20, 28, 1) 0%, rgba(53, 13, 13, 1) 100%);
}
.limitlist::before, .limitlist::after{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	display: block;
}
.limitlist::before{
	background-image: url("../img/bg05.jpg");
	background-repeat: repeat;
	background-position:0 50%;
	background-size: 230px auto;
	mix-blend-mode: color-dodge;
}
.limitlist::after{
	background-image: url("../img/icon03.png"), url("../img/icon04.png"), url("../img/icon04.png");
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-size: 30% auto, 33% auto, 30% auto;
	background-position: -20px -25px, calc(100% + 18px) 30%, 0 74%;
}
.limitlist h2{padding-bottom: 25px;}
.limitlist .bg{
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 0;
	padding-top: calc(25% + 30px);
	background-image: url("../img/bg_ticket.png");
	background-repeat: no-repeat;
	background-position:50% 100%;
	background-size: 100% auto;
}

#precautions .faqWrap{
	position: relative;
	margin: 0 auto;
	width: calc(100% - 40px);
	z-index: 100;
}
#precautions .CatTtl{
	position: relative;
	margin: 0 auto;
	padding: 3px 10px;
	width: calc(100% - 20px);
	max-width: 800px;
	background-color: #e1d24f;
	border-radius: 100px;
	color: #180426;
	text-align: center;
	font-size: 102%;
	font-weight: bold;
}
#precautions .CatTtl.marginTop{margin: 20px auto 0 auto;}
#precautions  #limitlist .CatTtl{margin: 30px auto 0 auto;}
#precautions  #limitlist .CatTtl.margin{margin: 30px auto 10px auto;}
#precautions .faqWrap dl{position: relative;}
#precautions .faqWrap dl dd{padding: 15px 0;}
#precautions #faq.faqWrap dl dd{padding: 5px 0;}
#precautions .faqWrap dl dd p, #precautions .faqWrap dl dd div{
	position: relative;
	width: calc(100% - 20px);
	max-width: 800px;
	margin: 0 auto;
	padding-bottom: .8em;
	text-align: left;
	line-height: 1.5em;
}
#precautions .faqWrap dl dd a:link, #precautions .faqWrap dl dd a:visited{color: #ffffff;}
#precautions .faqWrap dl dd .title{
	position: relative;
	width: calc(100% - 50px);
	margin: 5px auto 0 auto;
	text-align: left;
	font-weight: bold;
}
#precautions #cautionlist.faqWrap dl dd p, #precautions #faq.faqWrap dl dt p, #precautions #faq.faqWrap dl dd p, #precautions #limitlist dd p, #precautions .attWrap p{padding-left: 1.2em;}
#precautions #faq.faqWrap dl dt p{
	position: relative;
	color: #e1d24f;
	text-align: left;
	margin: 0 auto;
	max-width: 800px;
	line-height: 1.6em;
}
#precautions #cautionlist.faqWrap dl dd p::before, #precautions #faq.faqWrap dl dt p::before, #precautions #faq.faqWrap dl dd p::before, #precautions #limitlist dd p::before, #precautions .attWrap p::before{
	position: absolute;
	content: '・';
	left: 0;
}
#precautions #faq.faqWrap dl dt p::before{content: 'Q.';}
#precautions #faq.faqWrap dl dd p::before{content: 'A.';}
#precautions .attWrap{margin: 0 auto 10px auto; width: calc(100% - 1.5em) !important;transform: translateX(.5em);}
#precautions .attWrap p::before{content: '※' !important;}
#precautions .attWrap p{font-size: 88% !important;padding-bottom: .2em !important;}

#precautions #limitlist .lead{
	position: relative;
	margin: 0 auto;
	width:100%;
	max-width: 800px;
}
#precautions  #limitlist dl{margin: 0 auto;width: 100%;}


/* ----- pc ----- */
@media screen and (min-width: 641px) {

	/* cautionlist */
	.cautionlist{
		padding: 80px 0;
		background-position: 3px 10px, calc(100% - 3px) 10px, 3px calc(100% - 4px), calc(100% - 3px) calc(100% - 4px), 50% 50%;
		background-size: 123px auto, 123px auto, 123px auto, 123px auto, 300px auto;
	}
	.cautionlist h2{padding-bottom: 45px;}

	/* faqlist */
	.faqlist{
		padding: 80px 0;
		background-size:309px auto, 208px auto, 320px auto;
	}
	.faqlist h2{padding-bottom: 45px;}

	.limitlist{padding: 80px 0 0 0;}

	.limitlist::before{background-size: 300px auto;}
	.limitlist::after{background-size: 195px auto, 208px auto, 208px auto;}
	.limitlist h2{padding-bottom: 45px;}
	.limitlist .bg{
		padding: 0 0 150px 0;
		background-position:50% calc(100% + 40px);
		background-size: auto auto;
		border-bottom: solid 30px #3c030e;
	}

	#precautions .CatTtl{padding: 5px 10px;}
	#precautions .CatTtl.marginTop{margin: 30px auto 0 auto;}
	#precautions  #limitlist .CatTtl{margin: 50px auto 0 auto;}
	#precautions  #limitlist .CatTtl.margin{margin: 50px auto 30px auto;}
	#precautions .faqWrap dl dd{padding: 30px 0;}
	#precautions .faqWrap dl dd p, #precautions .faqWrap dl dd div{max-width: 780px;}

	#precautions #faq.faqWrap dl dt p{max-width: 780px;}

	#precautions #limitlist .lead{max-width: 780px;}


}