@charset 'UTF-8';

/* ===============================================================================
Voupon Category
=============================================================================== */
html,
body {
}
.anotehrFont{
	font-family: 'UDKakugo_LargePr6-HV', 'Zen Kaku Gothic New';
}
/* couponArea01
	======================================== */
#couponArea01 {
	font-family: 'UDKakugo_LargePr6-B', 'Zen Kaku Gothic New';
	padding: 42px 0 85px;
}

#couponArea01 .contentsBlock01 .imageBlock01 {
	margin-bottom: 35px;
}

#couponArea01 .contentsBlock01 .directionNote {
	margin-bottom: 15px;
	text-align: center;
	line-height: 1.0;
	font-size: 1.1rem;
}
#couponArea01 .contentsBlock01 .alertNote {
	margin-bottom: 15px;
	text-align: center;
	line-height: 1.0;
	font-size: 1.2rem;
	color : red;
	font-family: 'UDKakugo_LargePr6-HV', 'Zen Kaku Gothic New';
}

#couponArea01 .contentsBlock01 .linkListBlock01 {
	max-width: 1052px;
	width : 95%;
	margin: 0 auto 20px;
}

#couponArea01 .contentsBlock01 .linkListBlock01 ul {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

#couponArea01 .contentsBlock01 .linkListBlock01 ul li {
	flex: 0 0 auto;
	width: 24%;
	min-height: 48px;
	margin-left: 1%;
}

#couponArea01 .contentsBlock01 .linkListBlock01 ul li p {
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding-left: 15px;
	background: url(../img/common/cmn_contents_ico07.png) no-repeat 10px center/22px auto;
	border: solid 1px #dbcbaa;
	border-radius: 7px;
	text-align: center;
	cursor: pointer;
	transition: opacity 0.3s ease;
}

#couponArea01 .contentsBlock01 .linkListBlock01 ul li:not(.activeBtnDisabled) p:hover {
	opacity: 0.5;
}

#couponArea01 .contentsBlock01 .linkListBlock01 ul li p.iconType02 {
	padding-left: 35px;
	background: url(../img/common/cmn_contents_ico08.png) no-repeat 14px center/29px auto;
}

#couponArea01 .contentsBlock01 .linkListBlock01 ul li p > span {
	display: block;
	color: #000;
	font-size: 1.08rem;
	line-height: 1.2;
}

#couponArea01 .contentsBlock01 .linkListBlock01 ul li:first-child {
	margin-left: 0;
}

#couponArea01 .contentsBlock01 .linkListBlock01 ul li:last-child {
	float: right;
}

#couponArea01 .contentsBlock01 .linkListBlock01 ul li.active p {
	background-color: #dbcbaa;
}

#couponArea01 .contentsBlock01 .linkListBlock01 ul li.active p span {
	color: #956100;
}

#couponArea01 .contentsBlock01 .textBlock01 {
	display: none;
}

#couponArea01 .contentsBlock01 .column3Block01 {
	max-width: 1052px;
	width : 95%;
	margin: 0 auto 50px;
}

#couponArea01 .contentsBlock01 .column3Block01 ul li {
	float: left;
	width: 32%;
	margin: 20px 2% 0 0;
	opacity: 0;
}

#couponArea01 .contentsBlock01 .column3Block01 ul li:nth-child(3n) {
	margin-right: 0;
}

#couponArea01 .contentsBlock01 .column3Block01 ul li:nth-child(3n+1) {
	clear: left;
}

#couponArea01 .contentsBlock01 .column3Block01 ul li:nth-child(-n+3) {
	margin-top: 0;
}

#couponArea01 .contentsBlock01 .column3Block02 {
	width: 1052px;
	margin: 0 auto 50px;
}

#couponArea01 .contentsBlock01 .column3Block02 ul li {
	float: left;
	width: 330px;
	margin: 20px 22px 0 0;
	background: #e3d5bb;
	border: solid 3px #e3d5bb;
	opacity: 0;
}

#couponArea01 .contentsBlock01 .column3Block02 ul li:nth-child(3n) {
	margin-right: 0;
}

#couponArea01 .contentsBlock01 .column3Block02 ul li:nth-child(3n+1) {
	clear: left;
}

#couponArea01 .contentsBlock01 .column3Block02 ul li:nth-child(-n+3) {
	margin-top: 0;
}

#couponArea01 .contentsBlock01 .column3Block02 ul li.borderType01 {
	border: solid 3px #dbcbaa;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 {
	box-sizing: border-box;
	padding: 3px;
/*	background: #777; anis 通常クーポン */
	background: rgb(227,213,187);
	color: #000;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .blockInner01 {
/*	background: #ddd; anis 通常クーポン */
	background: #fff;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .blockWrap01 {
	padding: 18px 23px 12px;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .blockWrap02 {
	padding: 0px 5% 5px;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .number {
	float: left;
	width: 80%;
	background: #cbb081;
	text-align: center;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .number p {
	padding: 5px;
	color: #fff;
	font-size: 1.15rem;
	font-weight: bold;
	line-height: 1.75;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .number p span {
	margin-left: 20px;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .btn {
	float: right;
	position: relative;
	right: 0;
	width: 15%;
	margin-top: 5px;
	cursor: pointer;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .btn .on {
	display: none;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .btn.active .on {
	display: block;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .btn.active .off {
	display: none;
}

#couponArea01 .contentsBlock01 .c_nazo .ku-ponBlock01 .rank {
	padding: 2px 0 1px;
	background: #777;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .title {
	text-align: center;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .title p {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.5;
	font-family: 'UDKakugo_LargePr6-HV', 'Zen Kaku Gothic New';
}
#couponArea01 .contentsBlock01 .ku-ponBlock01 .image {
	text-align: center;
}
#couponArea01 .contentsBlock01 .ku-ponBlock01 .description {
	margin-bottom: 15px;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .description p {
	font-size: 0.87rem;
	line-height: 1.42;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .price {
	padding: 14px 0 2px 3%;
	background: #fff;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .price > .inner {
	display: inline-block;
	width : 100%;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .price > .inner > p:first-child {
	margin: 0 5px;
	float: left;
	/* width: 18%; */
	color: #e50112;
	/* font-size: 1.4rem; */
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.1;
	font-family: 'UDKakugo_LargePr6-HV', 'Zen Kaku Gothic New';
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .price .priceDetail {
	margin: 0 auto;
	width : 100%;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .price .priceDetail .inner {
	width: 100%;
	text-align: right;
	word-break: break-all;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .price .priceDetail .inner p:first-child {
	display: inline-block;
	color: #e50112;
	/* font-size: 3.14rem; */
	font-size: 1.8rem;
	font-weight: bold;
	text-align: right;
	line-height: 1;
	font-family: 'UDKakugo_LargePr6-HV', 'Zen Kaku Gothic New';
	margin-left: 0px;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .price .priceDetail .inner p:last-child {
	display: inline-block;
	/* margin-left: 10px; */
	margin-left: 5px;
	font-size: 1.3rem;
	text-align: left;
	line-height: 0.8;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .price .priceDetail .inner p:last-child span {
	/* margin-left: -5px; */
	margin-left: 2px;
	/* font-size: 1.1rem; */
	font-size: 1.2rem;
	line-height: 1;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .price .priceDetail > p {
	/* font-size: 1.11rem; */
	font-size: 1rem;
	text-align: center;
	line-height: 1.74;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .term {
	margin-bottom: 5px;
	padding: 0 6px;
	background: #fff;
	word-break: break-all;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .term .inner {
	padding: 10px 7px 5px;
	border-top: 1px solid #808080;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .term p {
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
	font-family: 'UDKakugo_LargePr6-HV', 'Zen Kaku Gothic New';
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .term p:first-child {
	width: 38%;
	font-size: 1.18rem;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .term p:last-child {
	font-size: 1.33rem;
	line-height: 1.25;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .text {
	padding: 0 20px;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .text p {
	font-size: 1rem;
	line-height: 1.5;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .category {
/*	background: #777; anis 通常クーポン色 */
	background: rgb(227,213,187);
	text-align: center;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .category p {
	padding: 13px 10px 7px;
/*	color: #fff;  anis 通常クーポン色 */
	color: rgb(186,151,87);
	font-size: 1.13rem;
	font-weight: bold;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01.special {
	background: #fe0000;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01.special .blockInner01 {
	background: #ffffb9;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01.special .rank {
	background: #fe0000;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01.special .category {
	background: #fe0000;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01.special .price {
	background: #fefff1;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01.special .term {
	background: #fefff1;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01.rare {
	background: #d29901;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01.rare .blockInner01 {
	background: url(../img/ku-pon/ku-pon_contents_bg04.jpg?20250905) no-repeat 0 0;
	background-size: cover;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01.rare .rank {
	background: #d29901;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01.rare .category {
	background: #d29901;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01.rare .price {
	background: #fff6f7;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01.rare .term {
	background: #fff6f7;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01.premiere {
	background: #aaa2a0;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01.premiere .blockInner01 {
	background: url(../img/ku-pon/ku-pon_contents_bg01.jpg?20250905) no-repeat 0 0;
	background-size: cover;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01.premiere .rank {
	background: #aaa2a0;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01.premiere .category {
	background: #aaa2a0;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01.premiere .price {
	background: #fff;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01.premiere .term {
	background: #fff;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01.gekiRare {
	padding-bottom: 0;
	background: linear-gradient(-45deg, #f7db31, #e9860f, #f5d125);
	background: -ms-linear-gradient(-45deg, #f7db31, #e9860f, #f5d125);
}

#couponArea01 .contentsBlock01 .ku-ponBlock01.gekiRare .blockInner01 {
	background: url(../img/ku-pon/ku-pon_contents_bg02.jpg?20250905) no-repeat 0 0;
	background-size: cover;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01.gekiRare .rank {
	background: linear-gradient(-90deg, #e9860f, #f5d125);
	background: -ms-linear-gradient(-90deg, #e9860f, #f5d125);
}

#couponArea01 .contentsBlock01 .ku-ponBlock01.gekiRare .category {
	margin: 0 -3px;
	padding-bottom: 3px;
	background: linear-gradient(90deg, #e9860f, #f5d125, #f7db31);
	background: -ms-linear-gradient(90deg, #e9860f, #f5d125, #f7db31);
}

#couponArea01 .contentsBlock01 .ku-ponBlock01.gekiRare .price {
	background: #fff;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01.gekiRare .term {
	background: #fff;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01.choGekiRare {
	background: #b99757;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01.choGekiRare .blockInner01 {
	background: url(../img/ku-pon/ku-pon_contents_bg03.jpg?20250905) no-repeat 0 0;
	background-size: cover;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01.choGekiRare .rank {
	background: #b99757;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01.choGekiRare .category {
	background: #b99757;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01.choGekiRare .price {
	background: #fff;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01.choGekiRare .term {
	background: #fff;
}

#couponArea01 .contentsBlock01 .ku-ponBlock02 {
	background-image: url(/wp-content/themes/anrakutei/asset/img/ku-pon/ku-pon_contents_bg.jpg?20250905);
	border: solid 3px #ff0000;
	color: #000;
}

#couponArea01 .contentsBlock01 .ku-ponBlock02 .blockInner01 {
	box-sizing: border-box;
	padding: 12px 10px 10px;
}

#couponArea01 .contentsBlock01 .ku-ponBlock02 .text01 {
	margin-bottom: 5%;
	padding: 6px 10px 4px;
	/* background: #fe0000; */
	border-radius: 18px;
	text-align: center;
}

#couponArea01 .contentsBlock01 .ku-ponBlock02 .text01 p {
	color: #fff;
	font-size: 1.45rem;
	font-weight: bold;
	line-height: 1.2;
}

#couponArea01 .contentsBlock01 .ku-ponBlock02 .title {
	margin-bottom: 20px;
}

#couponArea01 .contentsBlock01 .ku-ponBlock02 .title p {
	color: #f00;
	font-size: 1.95rem;
	font-weight: bold;
	text-align: center;
}

#couponArea01 .contentsBlock01 .ku-ponBlock02 .title p:first-child {
	width: 90%;
	margin: 0 auto 5px;
}

#couponArea01 .contentsBlock01 .ku-ponBlock02 .text02 {
	width: 85%;
	margin: 0 auto 5%;
}

#couponArea01 .contentsBlock01 .ku-ponBlock02 .text02 p {
	font-size: 1.26rem;
	line-height: 1.42;
}

#couponArea01 .contentsBlock01 .ku-ponBlock02 .image {
	width: 90%;
	margin: 0 auto 5%;
}

#couponArea01 .contentsBlock01 .ku-ponBlock02 .btn {
	width: 90%;
	margin: 0 auto;
	/*background: #ffc600;*/
	border-radius: 5px;
	/*box-shadow: 5px 5px 5px #aaa;*/
	cursor: pointer;
	transition: opacity 0.3s ease;
}

#couponArea01 .contentsBlock01 .ku-ponBlock02 .btn:hover {
	opacity: 0.5;
}

#couponArea01 .contentsBlock01 .ku-ponBlock02 .btn p {
	/*padding: 12px 3px 8px;*/
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.73;
}

#couponArea01 .contentsBlock01 .ku-ponBlock03 {
	box-sizing: border-box;
	background: #e3d5bb;
	color: #000;
}

#couponArea01 .contentsBlock01 .ku-ponBlock03 .blockWrap01 {
	padding: 20px 29px 0;
	background: #fff;
}

#couponArea01 .contentsBlock01 .ku-ponBlock03 .blockWrap02 {
	padding: 10px 29px 15px;
	background: #fff;
}

#couponArea01 .contentsBlock01 .ku-ponBlock03 .number {
	float: left;
	width: 225px;
	margin-bottom: 10px;
	background: #b99757;
	text-align: center;
}

#couponArea01 .contentsBlock01 .ku-ponBlock03 .number p {
	padding: 5px;
	color: #fff;
	font-size: 1.15rem;
	font-weight: bold;
	line-height: 1.75;
}

#couponArea01 .contentsBlock01 .ku-ponBlock03 .number p span {
	margin-left: 20px;
}

#couponArea01 .contentsBlock01 .ku-ponBlock03 .btn {
	float: right;
	position: relative;
	right: -10px;
	width: 43px;
	margin-top: 5px;
	cursor: pointer;
}

#couponArea01 .contentsBlock01 .ku-ponBlock03 .btn .on {
	display: none;
}

#couponArea01 .contentsBlock01 .ku-ponBlock03 .btn.active .on {
	display: block;
}

#couponArea01 .contentsBlock01 .ku-ponBlock03 .btn.active .off {
	display: none;
}

#couponArea01 .contentsBlock01 .ku-ponBlock03 .title {
	margin-bottom: 10px;
	text-align: center;
}

#couponArea01 .contentsBlock01 .ku-ponBlock03 .title p {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.5;
}

#couponArea01 .contentsBlock01 .ku-ponBlock03 .description {
	margin-bottom: 35px;
}

#couponArea01 .contentsBlock01 .ku-ponBlock03 .description p {
	font-size: 0.87rem;
	line-height: 1.42;
}

#couponArea01 .contentsBlock01 .ku-ponBlock03 .image {
	margin-bottom: 5px;
}

#couponArea01 .contentsBlock01 .ku-ponBlock03 .price > p:first-child {
	color: #e50112;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.75;
}

#couponArea01 .contentsBlock01 .ku-ponBlock03 .price .priceDetail {
	width: 300px;
	margin: 0 auto;
}

#couponArea01 .contentsBlock01 .ku-ponBlock03 .price .priceDetail div {
	margin-bottom: 5px;
	word-break: break-all;
}

#couponArea01 .contentsBlock01 .ku-ponBlock03 .price .priceDetail div p:first-child {
	display: inline-block;
	width: 190px;
	color: #e50112;
	font-size: 3.14rem;
	font-weight: bold;
	text-align: right;
	line-height: 1;
}

#couponArea01 .contentsBlock01 .ku-ponBlock03 .price .priceDetail div p:last-child {
	display: inline-block;
	width: 100px;
	font-size: 1.45rem;
	text-align: left;
	line-height: 0.8;
}

#couponArea01 .contentsBlock01 .ku-ponBlock03 .price .priceDetail div p:last-child span {
	font-size: 1.18rem;
	line-height: 1;
}

#couponArea01 .contentsBlock01 .ku-ponBlock03 .price .priceDetail > p {
	font-size: 1.11rem;
	text-align: center;
	line-height: 1.74;
}

#couponArea01 .contentsBlock01 .ku-ponBlock03 .term {
	margin-bottom: 10px;
	padding: 5px;
	border: solid #808080;
	border-width: 1px 0;
	word-break: break-all;
}

#couponArea01 .contentsBlock01 .ku-ponBlock03 .term p {
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
}

#couponArea01 .contentsBlock01 .ku-ponBlock03 .term p:first-child {
	width: 95px;
	font-size: 1.18rem;
}

#couponArea01 .contentsBlock01 .ku-ponBlock03 .term p:last-child {
	font-size: 1.33rem;
	line-height: 1.25;
}

#couponArea01 .contentsBlock01 .ku-ponBlock03 .text {
	width: 230px;
	margin: 0 auto;
}

#couponArea01 .contentsBlock01 .ku-ponBlock03 .text p {
	font-size: 0.87rem;
	line-height: 1.33;
}

#couponArea01 .contentsBlock01 .ku-ponBlock03 .category {
	background: #e3d5bb;
	text-align: center;
}

#couponArea01 .contentsBlock01 .ku-ponBlock03 .category p {
	padding: 13px 10px 7px;
	color: #b99757;
	font-size: 1rem;
	font-weight: bold;
}

#couponArea01 .contentsBlock01 .ku-ponBlock04 {
	box-sizing: border-box;
	padding: 23px 20px 30px;
	background: #fff7e0;
	color: #000;
}

#couponArea01 .contentsBlock01 .ku-ponBlock04 .text01 {
	margin-bottom: 40px;
	padding: 6px 10px 4px;
	background: #fe0000;
	border-radius: 18px;
	text-align: center;
}

#couponArea01 .contentsBlock01 .ku-ponBlock04 .text01 p {
	color: #fff;
	font-size: 1.45rem;
	font-weight: bold;
	line-height: 1.2;
}

#couponArea01 .contentsBlock01 .ku-ponBlock04 .title {
	margin-bottom: 20px;
}

#couponArea01 .contentsBlock01 .ku-ponBlock04 .title p {
	color: #f00;
	font-size: 1.95rem;
	font-weight: bold;
	text-align: center;
}

#couponArea01 .contentsBlock01 .ku-ponBlock04 .title p:first-child {
	width: 249px;
	margin: 0 auto 5px;
}

#couponArea01 .contentsBlock01 .ku-ponBlock04 .text02 {
	width: 230px;
	margin: 0 auto 30px;
}

#couponArea01 .contentsBlock01 .ku-ponBlock04 .text02 p {
	font-size: 1.26rem;
	line-height: 1.42;
}

#couponArea01 .contentsBlock01 .ku-ponBlock04 .image {
	width: 256px;
	margin: 0 auto 30px;
}

#couponArea01 .contentsBlock01 .ku-ponBlock04 .btn {
	width: 248px;
	margin: 0 auto;
	background: #ffc600;
	border-radius: 5px;
	box-shadow: 5px 5px 5px #aaa;
	cursor: pointer;
	transition: opacity 0.3s ease;
}

#couponArea01 .contentsBlock01 .ku-ponBlock04 .btn:hover {
	opacity: 0.5;
}

#couponArea01 .contentsBlock01 .ku-ponBlock04 .btn p {
	padding: 12px 3px 8px;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.73;
}

#couponArea01 .contentsBlock01 .textBlockB01 {
	box-sizing: border-box;
	width: 1052px;
	margin: 0 auto 105px;
	padding: 10px 8px 0;
	border-top: 3px dotted #7f7f7f;
	font-family: 'MatisseProN-DB', 'Shippori Mincho';
}

#couponArea01 .contentsBlock01 .textBlockB01 .title p {
	font-size: 1.23rem;
	font-weight: bold;
	line-height: 1.74;
}

#couponArea01 .contentsBlock01 .textBlockB01 .text p {
	font-size: 1.16rem;
	line-height: 1.53;
}

#couponArea01 .contentsBlock01 .btnBlock01 {
	text-align: center;
}

#couponArea01 .contentsBlock01 .btnBlock01 .btn {
	display: inline-block;
	text-align: center;
}

#couponArea01 .contentsBlock01 .btnBlock01 .btn a {
	display: block;
	padding: 10px 15px;
	background: #e50112;
	border-radius: 5px;
	color: #fff;
	font-size: 1.66rem;
	font-weight: bold;
	line-height: 1.5;
}

/* ANIS ADD */
.coupon.hide {
	display	: none;
}
.nazoBlock{
	display	: none;
}
.txtCaution{
	color	:red;
}
.image img{
	width: 90%;
}

#contents {
  z-index: 0;
  font-size: 16px;
}
.page-txt {
  margin: 30px 0 0;
  height: 2000px;
}
#modal-open {
  color: #cc0000;
}
/* モーダル コンテンツエリア */
#modal-main {
  display: none;
  width: 80%;
  width: 80vmin;
  max-width: 336px;
/*  height: ; */
  margin: 0;
  padding: 0;
  background-color: rgba(255,255,255,0);
  color: #666666;
  position:fixed;
  z-index: 200000;
}
/* モーダル 背景エリア */
#modal-bg {
  display:none;
  width:100%;
  height:100%;
  background: linear-gradient(45deg, rgba(255,180,180,.7),rgba(180,255,180,.7), rgba(108,184,255,.7), rgba(255,246,108,.7), rgba(255,163,108,.7));
  background-size: 400% 400%;
  -webkit-animation: AnimationName 5s ease infinite;
  -moz-animation: AnimationName 5s ease infinite;
  -o-animation: AnimationName 5s ease infinite;
  animation: AnimationName 5s ease infinite;

  position:fixed;
  top:0;
  left:0;
  z-index: 100000;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
@keyframes AnimationName { 
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}

#couponArea01 .contentsBlock01 #modal-main .ku-ponBlock01 .blockWrap01 {
  padding: 0px 23px 0px;
}

#couponArea01 .contentsBlock01 .ku-ponBlock01 .price .priceDetail .inner {
  text-align: center;
  margin: 2px 0;
}

#modal-main .price {
  text-align:center;
}

@page { size: A4 portrait; }

/* ANIS END */

@media screen and (max-width: 750px) {
	#couponArea01 {
		padding: 25px 0 30px;
	}
	#couponArea01 .contentsBlock01 .imageBlock01 {
		margin-bottom: 30px;
	}
	#couponArea01 .contentsBlock01 .directionNote {
		margin: 0 5% 15px;
		text-align: center;
		line-height: 1.0;
	}
	#couponArea01 .contentsBlock01 .alertNote {
		margin: 0 5% 15px;
		text-align: center;
		line-height: 1.0;
	}
	#couponArea01 .contentsBlock01 .linkListBlock01 {
		width: 100%;
		margin-bottom: 25px;
	}
	#couponArea01 .contentsBlock01 .linkListBlock01 ul {
		border-bottom: solid #ba9757 2px;
	}
	#couponArea01 .contentsBlock01 .linkListBlock01 ul li {
		width: 25%;
		margin-left: 0;
	}
	#couponArea01 .contentsBlock01 .linkListBlock01 ul li p {
		padding: 7px 0;
		background: #fff;
		border: solid #ba9757;
		border-width: 1px 1px 0 1px;
		border-radius: 5px 5px 0 0;
	}
	#couponArea01 .contentsBlock01 .linkListBlock01 ul li p.iconType02 {
		padding-left: 0;
		background: #fff;
	}
	#couponArea01 .contentsBlock01 .linkListBlock01 ul li p > span {
		color: #956100;
		font-size: 1rem;
	}
	#couponArea01 .contentsBlock01 .linkListBlock01 ul li p.iconType02 > span {
		padding-top: 25px;
		background: url(../img/common/cmn_contents_ico08.png) no-repeat center top/24px auto;
	}
	#couponArea01 .contentsBlock01 .linkListBlock01 ul li:first-child {
		margin-left: 0;
	}
	#couponArea01 .contentsBlock01 .linkListBlock01 ul li.active p {
		background: #dbcbaa;
	}
	#couponArea01 .contentsBlock01 .linkListBlock01 ul li.active p span {
		color: #956100;
	}
	#couponArea01 .contentsBlock01 .linkListBlock01.scroll {
		position: fixed;
		bottom: -30px;
		z-index: 99;
	}
	#couponArea01 .contentsBlock01 .textBlock01 {
		display: block;
		width: 64%;
		margin: 0 auto 20px;
	}
	#couponArea01 .contentsBlock01 .textBlock01 .text {
		font-size: 1.17rem;
		line-height: 1.42;
	}
	#couponArea01 .contentsBlock01 .textBlock01.nthChild02 {
		margin-bottom: 15px;
	}
	#couponArea01 .contentsBlock01 .column3Block01 {
		width: 90.4%;
		margin-bottom: 40px;
	}
	#couponArea01 .contentsBlock01 .column3Block01 ul li {
		float: none;
		width: 100%;
		min-height: auto !important;
		margin-top: 20px;
		opacity: 1;
	}
	#couponArea01 .contentsBlock01 .column3Block01 ul li:nth-child(-n+3) {
		margin-top: 20px;
	}
	#couponArea01 .contentsBlock01 .column3Block01 ul li:first-child {
		margin-top: 0;
	}
	#couponArea01 .contentsBlock01 .column3Block02 {
		width: 89%;
		margin-bottom: 20px;
	}
	#couponArea01 .contentsBlock01 .column3Block02 ul li {
		float: none;
		width: 100%;
		min-height: auto !important;
		margin-top: 20px;
		opacity: 1;
	}
	#couponArea01 .contentsBlock01 .column3Block02 ul li:nth-child(-n+3) {
		margin-top: 20px;
	}
	#couponArea01 .contentsBlock01 .column3Block02 ul li:first-child {
		margin-top: 0;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 {
		min-height: auto !important;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .blockWrap01 {
		padding: 0 0 5px;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .couponHeader {
		min-height: inherit !important;
	}	
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .blockWrap02 {
		/* padding: 0 29px 5px; */
		padding: 0 5px 5px;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .number {
		width: 174px;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .number p {
		padding: 4px 2px;
		font-size: 1.2rem;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .number p span {
		margin-left: 15px;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .btn {
		right: 13px;
		margin-top: 9px;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .title {
		margin-bottom: 0;
		padding: 0px 0 0px;
		min-height: inherit !important;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .title p {
		font-size: 2.02rem;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .description {
		display: none;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .image {
		text-align: center;
		min-height: inherit !important;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .image img{
		width: 80%;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .price {
		padding: 12px 0 4px 7px;
		background: #fff;
		text-align: center;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .price .inner > p:first-child {
		display: inline-block;
		width: 50px;
		/* font-size: 1.6rem; */
		font-size: 1.3rem;
		line-height: 1.2;
		margin: 0;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .price .priceDetail .inner {
		width: 100%;
		/* margin: 0 0 3px 50px; */
		margin: 4px 0 3px 0;
		font-size: 0;
		word-break: break-all;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .price .priceDetail .inner p:first-child {
		/* width: 65%; */
		width: 35%;
		/* font-size: 4.1rem; */
		font-size: 2.5rem;
		margin-left: -25px;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .price .priceDetail .inner p:last-child {
		display: inline-block;
		/* width: 63px; */
		margin-left: 0;
		/* font-size: 1.29rem; */
		font-size: 1.7rem;
		text-align: left;
		line-height: 0.8;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .price .priceDetail .inner p:last-child span {
		/* margin-left: 0; */
		margin-left: 2px;
		font-size: inherit;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .price .priceDetail > p {
		/* width: 260px; */
		width: 100%;
		margin: 0 auto;
		font-size: 1.25rem;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .term {
		margin-bottom: 0;
		padding: 0 5px;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .term .inner {
		padding: 10px 3px 5px;
		border-width: 1px 0 0;
		text-align: center;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .term .inner .inner02 {
		display: inline-block;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .term p:first-child {
		width: auto;
		padding-right: 8px;
		font-size: 1.16rem;
		line-height: 1.2;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .term p:last-child {
		font-size: 1.1rem;
		line-height: 1.2;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .text {
		/* padding: 0; */
		padding: 5px 10px;
		min-height: inherit !important;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .category p {
		padding: 13px 10px 7px;
		font-size: 1.26rem;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01.special .price {
		background: #fff;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01.special .term {
		background: #fff;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01.rare .price {
		background: #fff;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01.rare .term {
		background: #fff;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01.rare .blockInner01 {
		background: url(../img/ku-pon/ku-pon_contents_bg04_sp.jpg?20250905) no-repeat 0 0;
		background-size: cover;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01.premiere .blockInner01 {
		background: url(../img/ku-pon/ku-pon_contents_bg01_sp.jpg?20250905) no-repeat 0 0;
		background-size: cover;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01.gekiRare .blockInner01 {
		background: url(../img/ku-pon/ku-pon_contents_bg02_sp.jpg?20250905) no-repeat 0 0;
		background-size: cover;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01.choGekiRare .blockInner01 {
		background: url(../img/ku-pon/ku-pon_contents_bg03_sp.jpg?20250905) no-repeat 0 0;
		background-size: cover;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock02 {
		min-height: auto !important;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock02 .blockInner01 {
		padding: 12px 10px 25px;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock02 .text01 {
		width: 70%;
		margin: 0 auto 7px;
		padding: 6px 10px 4px;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock02 .title {
		margin-bottom: 0;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock02 .title p {
		font-size: 2.1rem;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock02 .title p:first-child {
		width: 76.2%;
		margin: 0 auto 4px;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock02 .text02 {
		width: 100%;
		margin: 0 auto 10px;
		text-align: center;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock02 .text02 p {
		font-size: 1.16rem;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock02 .image {
		width: 80%;
		margin: 0 auto 20px;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock02 .btn {
		width: 63.4%;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock02 .btn p {
		padding: 8px 3px 7px;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 {
		min-height: auto !important;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .blockWrap01 {
		padding: 0;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .blockWrap02 {
		padding: 0 29px;
		background: #fff;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .number {
		position: relative;
		top: -1px;
		left: -1px;
		width: 173px;
		margin-bottom: 10px;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .number p {
		padding: 4px 3px 2px;
		font-size: 1.2rem;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .number p span {
		margin-left: 17px;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .btn {
		right: 15px;
		margin-top: 15px;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .title {
		min-height: auto !important;
		margin-bottom: 5px;
		text-align: left;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .title p {
		font-size: 2.1rem;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .description {
		min-height: auto !important;
		margin-bottom: 12px;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .description p {
		font-size: 1.16rem;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .image {
		margin-bottom: 17px;
		text-align: center;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .price {
		margin-bottom: 5px;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .price > p:first-child {
		float: left;
		width: 50px;
		font-size: 1.75rem;
		line-height: 1.2;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .price .priceDetail {
		width: auto;
		max-width: 275px;
		margin: 0 0 0 55px;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .price .priceDetail div {
		margin-bottom: 8px;
		word-break: break-all;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .price .priceDetail div p:first-child {
		width: auto;
		font-size: 4.2rem;
		text-align: left;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .price .priceDetail div p:last-child {
		width: auto;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .price .priceDetail div p:last-child span {
		font-size: 1.18rem;
		line-height: 1;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .price .priceDetail > p {
		font-size: 1.25rem;
		text-align: left;
		line-height: 1.74;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .term {
		margin-bottom: 10px;
		padding: 7px 0 12px;
		border: solid #808080;
		border-width: 1px 0 0;
		word-break: break-all;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .term p {
		display: table-cell;
		vertical-align: top;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .term p:first-child {
		width: 70px;
		font-size: 1.16rem;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .term p:last-child {
		font-size: 1.16rem;
		line-height: 1.5;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .text {
		width: 230px;
		margin: 0 auto;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .text p {
		font-size: 0.87rem;
		line-height: 1.33;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .category {
		background: #e3d5bb;
		text-align: center;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .category p {
		padding: 4px 10px 7px;
		color: #b99757;
		font-size: 1.25rem;
		font-weight: bold;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock04 {
		min-height: auto !important;
		padding: 12px 10px 25px;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock04 .text01 {
		width: 70%;
		margin: 0 auto 7px;
		padding: 6px 10px 4px;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock04 .title {
		margin-bottom: 0;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock04 .title p {
		font-size: 2.1rem;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock04 .title p:first-child {
		width: 76.2%;
		margin: 0 auto 4px;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock04 .text02 {
		width: 100%;
		margin: 0 auto 10px;
		text-align: center;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock04 .text02 p {
		font-size: 1.16rem;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock04 .image {
		width: 80%;
		margin: 0 auto 20px;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock04 .btn {
		width: 63.4%;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock04 .btn p {
		padding: 8px 3px 7px;
	}
	#couponArea01 .contentsBlock01 .textBlockB01 {
		width: 89%;
		margin-bottom: 10px;
		padding: 17px 5px 0;
		border-top: 1px dotted #7f7f7f;
	}
	#couponArea01 .contentsBlock01 .textBlockB01 .title p {
		margin-bottom: 2px;
		font-size: 1.16rem;
	}
	#couponArea01 .contentsBlock01 .textBlockB01 .text p {
		font-size: 1.04rem;
		line-height: 1.7;
	}
	#couponArea01 .contentsBlock01 .btnBlock01 {
		display: none;
	}
}

@media screen and (max-width: 374px) {
	#couponArea01 {
		padding: 25px 0 30px;
	}
	#couponArea01 .contentsBlock01 .linkListBlock01 ul li p > span {
		font-size: 0.8rem;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .title p {
		font-size: 1.5rem;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .price {
		padding: 12px 0 4px 7px;
		background: #fff;
		text-align: center;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .price .inner > p:first-child {
		/* width: 38px; */
		font-size: 1.2rem;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .price .priceDetail .inner {
		/* width: 180px; */
		/* margin: 0 0 3px 38px; */
		margin: 3px 0;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .price .priceDetail .inner p:first-child {
		/* width: 125px; */
		width: 100px;
		/* font-size: 2.8rem; */
		font-size: 2.4rem;
		margin-left: -15px;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .price .priceDetail .inner p:last-child {
		/* width: 55px; */
		/* font-size: 1rem; */
		font-size: 1.4rem;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .price .priceDetail .inner p:last-child span {
		/* font-size: 1rem; */
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .price .priceDetail > p {
		/* width: 180px; */
		/* font-size: 1rem; */
		font-size: 1.2rem;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .term p:first-child {
		font-size: 0.9rem;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .term p:last-child {
		font-size: 0.9rem;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock02 .text01 p {
		font-size: 1.2rem;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock02 .btn p {
		font-size: 1.2rem;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .title p {
		font-size: 1.7rem;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .description p {
		font-size: 1rem;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .price > p:first-child {
		width: 40px;
		font-size: 1.2rem;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .price .priceDetail {
		width: auto;
		margin: 0 0 0 25px;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .price .priceDetail div p:first-child {
		font-size: 3rem;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .term p:first-child {
		width: 60px;
		font-size: 0.9rem;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .term p:last-child {
		font-size: 0.9rem;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .text {
		width: 230px;
		margin: 0 auto;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock03 .text p {
		font-size: 0.87rem;
		line-height: 1.33;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock04 .text01 p {
		font-size: 1.2rem;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock04 .btn p {
		font-size: 1.2rem;
	}
}

@media print {
	#headerArea,
	#pankuzu,
	#couponArea01 .contentsBlock01 .imageBlock01,
	#couponArea01 .contentsBlock01 .directionNote,
	#couponArea01 .contentsBlock01 .linkListBlock01Cover,
	#couponArea01 .contentsBlock01 .btnBlock01,
	#footerArea {
		display: none;
	}
	#contentsArea {
		margin: 0 !important;
	}
	#couponArea01 {
		padding: 20px 0;
	}
	/* 2018.08.01 ishikawa add bgn 印刷用CSS追加 */
	.spOnly,
	.contentsWrapPartsC01{
		display: none;
	}
	.ku-ponBlock01,
	.ku-ponBlock02 {
		page-break-inside: avoid;
	}
	#couponArea01 .contentsBlock01 .textBlockB01 {
		clear : both;
		margin: 0 auto;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 {
		border: solid 3px black;
		padding : 0 !important;
	}
	#couponArea01 .contentsBlock01 .column3Block01 {
		margin: 0 10px 50px !important;
	}
	html, body{
		width : 1000px;
		font-size : 12px !important;
	}
	/* 2018.08.01 ishikawa add end */
}
/* 2018.08.09 ishikawa add bgn なぞぽんルーレット、他デザイン調整 */
#myCanvas{
	width : 100%;
	height : 100%;
	background-color: white;
	max-height: 350px;
}
#modal-bg2 {
  display:none;
  width:100%;
  height:100%;
  background-color: rgba(64,64,64,0.9);
  position:fixed;
  top:0;
  left:0;
  z-index: 100000;
}

#modal-roulette{
    display: none;
    width: 80%;
    max-width:700px;
    max-height:350px;
    margin: 0;
    padding: 120px 30px 10px;
    background-color: rgb(175,0,0);
    color: #666666;
    position: fixed;
    z-index: 200000;
    border: red solid 10px;
    border-radius: 5%;    
}
#roulette_info{
    position: absolute;
    width: calc(100% - 60px);
    height: calc(100% - 90px);
    background-color: rgba(128,128,128,0.8);
    color: yellow;
    margin : 10px 0;
}
#roulette_info_text{
    font-size: 48px;
    line-height: 48px;
    text-align: center;
    top: calc(50% - 24px);
    position: relative;
}
#roulette_div{
    position: relative;
    height : 100%;
    max-height: 350px;
}
#roulette_inner_div{
position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(128,128,128,0.8);
}
#roulette_start_btn{
    position: absolute;
    width: 50%;
    margin: 0 auto;
    top: 30%;
    left: 25%;
    height: 40%;
    -webkit-filter:drop-shadow(5px 5px 5px #333);
    -moz-filter:drop-shadow(5px 5px 5px #333);
    -o-filter:drop-shadow(5px 5px 5px #333);
    -ms-filter:drop-shadow(5px 5px 5px #333);
    filter:drop-shadow(5px 5px 5px #333);    
}
#roulette_start_btn:hover{
    opacity : 0.8;
}
#roulette_start_btn:active{
    opacity : 0.5;
    top: calc(30% + 1px);
    left: calc(25% + 1px);
}
.roulette_inner_div_after{
    opacity : 0;
}
.transition-animation {
	transition-property: all;
	transition-duration: 1000ms;
	transition-delay: 0s;
	transition-timing-function: ease;
}
.roulette_info_after{
	height : 98px !important;
	background-color : rgba(128,128,128,0) !important;
	top : 0 !important;
	color : black !important;
	background: url(../img/ku-pon/ku-pon_nazopon_txt.png) no-repeat center;
    background-size: contain;
}
#couponArea01 .contentsBlock01 #modal-main .ku-ponBlock01 .category p,
#couponArea01 .contentsBlock01 .c_nazo .ku-ponBlock01 .category p  {
    color : #fff;
}
#couponArea01 .contentsBlock01 .ku-ponBlock01.special .rank,
#couponArea01 .contentsBlock01 .ku-ponBlock01.rare .rank,
#couponArea01 .contentsBlock01 .ku-ponBlock01.premiere .rank,
#couponArea01 .contentsBlock01 .ku-ponBlock01.gekiRare .rank,
#couponArea01 .contentsBlock01 .ku-ponBlock01.choGekiRare .rank{
    height : 48px
}
#couponArea01 .contentsBlock01 .ku-ponBlock01 .rank {
	padding: 2px 0 1px;
}
#couponArea01 .contentsBlock01 .ku-ponBlock01 .number{
    background: #b99757;
}

.activeBtnDisabled p{
    background-color: rgba(0,0,0,0.5) !important;
    opacity: 0.2;
}
#couponArea01 .contentsBlock01 .ku-ponBlock02 .image .rouletteInfo {
    width: 80%;
    margin: 0 10% 5%;
}
#couponArea01 .contentsBlock01 .ku-ponBlock02 .image .rouletteImage {
    width: 90%;
    margin: 0 5%;
}
#couponArea01 .contentsBlock01 .ku-ponBlock02 .image .rouletteImage, 
#couponArea01 .contentsBlock01 .ku-ponBlock02 .btn p img{
    -webkit-filter:drop-shadow(5px 5px 5px #aaa);
    -moz-filter:drop-shadow(5px 5px 5px #aaa);
    -o-filter:drop-shadow(5px 5px 5px #aaa);
    -ms-filter:drop-shadow(5px 5px 5px #aaa);
    filter:drop-shadow(5px 5px 5px #aaa);
}

@media screen and (max-width: 750px) {
    #modal-roulette{
        padding: 100px 30px 10px;
    }
    #roulette_info{
        height: calc(100% - 40px);
        margin : 0 0;
    }
    #roulette_info_text{
        font-size: 28px;
        line-height: 28px;
        top: calc(50% - 14px);
    }
    .roulette_info_after{
        /*height : 38px !important;*/
        
    }
    #roulette_start_btn{
        width : 80%;
        top: 35%;
        height: 30%;
        left: 10%;
    }
    #roulette_start_btn:hover{
        opacity : 0.8;
    }
    #roulette_start_btn:active{
        left: calc(10% + 1px);
        top: calc(35% + 1px);
    }    
    #couponArea01 .contentsBlock01 .ku-ponBlock01.special .rank,
    #couponArea01 .contentsBlock01 .ku-ponBlock01.rare .rank,
    #couponArea01 .contentsBlock01 .ku-ponBlock01.premiere .rank,
    #couponArea01 .contentsBlock01 .ku-ponBlock01.gekiRare .rank,
    #couponArea01 .contentsBlock01 .ku-ponBlock01.choGekiRare .rank{
        height : inherit;
    }
    #couponArea01 .contentsBlock01 #modal-main .ku-ponBlock01 .price > .inner {
        width: 100%;
    }
    #couponArea01 .contentsBlock01 #modal-main .ku-ponBlock01 .price .priceDetail {
        width : 100%;
    }
    #couponArea01 .contentsBlock01 #modal-main .ku-ponBlock01 .price .priceDetail .inner {
        /* width: calc(100% - 50px); */
    }
    #couponArea01 .contentsBlock01 #modal-main .ku-ponBlock01 .price .priceDetail .inner p:first-child{
        /* width: calc(100% - 63px); */
    }
    #couponArea01 .contentsBlock01 #modal-main .ku-ponBlock01 .price .priceDetail > p {
        width: 100%;
    }
    .activeBtnDisabled p{
        background-color: rgba(0,0,0,0.3) !important;
        opacity: 1.0;
    }
	#couponArea01 .contentsBlock01 .linkListBlock01 ul li {
		min-height: 70px;
	}
	#couponArea01 .contentsBlock01 .ku-ponBlock01 .price > .inner{
		/* width : inherit; */
	}
	.activeBtnDisabled p {
	    background-color: rgba(178,178,178,1.0) !important;
	    opacity: 1.0;
	}
    #couponArea01 .contentsBlock01 .ku-ponBlock02 .text02 p {
        font-size: 1.42rem;
        line-height: 1.62;
        padding: 0 5%;
    }
    #couponArea01 .contentsBlock01 .linkListBlock01 ul li:not(.activeBtnDisabled) p:hover {
    	opacity: 1.0;
    }
}

.nodisp{
    display : none;
}
/* 2018.08.09 ishikawa add end */
/* 2024.10.25 ishikawa add */
#modal-caution{
    font-family: 'UDKakugo_LargePr6-B', 'Zen Kaku Gothic New';
    display: none;
    width: 80%;
    max-width: 700px;
    max-height: 100%;
    overflow: auto;
    padding: 1vh 1vw;
    background-color: white;
    color: black;
    position: fixed;
    z-index: 200000;
    border: black solid 2px;
    text-align: center;
    font-size: 1.8rem;
    line-height: 2.0rem;
}
#caution_alert{
    background-color: red;
    color: white;
    padding: 2vh 0;
}
#caution_alert_inner{
    font-size: 2.5rem;
    line-height: 2.5rem;
}
#caution_btn_div{
    margin: 1vh 0;
}
.css_caution_btn{
    font-size: 2.5rem;
    background-color: yellow;
    border: none;
    min-width: 7.5vw;
    border-radius: 5px;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2);
    margin-right: 5vw;
}
#caution_coupon{
    color: red;
}
/* 2024.10.25 ishikawa add end */