@charset "utf-8";
/*PCSP共通設定*/
@import url('https://fonts.googleapis.com/css?family=Sawarabi+Mincho&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP');
#wrapper {
		font-family: 'Noto Sans JP', sans-serif;
}
section:nth-of-type(odd) {
		background-color: #fefbc6;
}
section:nth-of-type(even) {
		background-color: #fff;
}
img {
		image-rendering: -webkit-optimize-contrast;
}
a:hover {
		opacity: 0.8;
		filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1, Style=0, Opacity=80);
}
.textLeft {
		text-align: left;
		font-size: 123.1%;
		line-height: 1.4;
		margin-top: 5px;
}
.textCenter {
		text-align: center;
		font-size: 123.1%;
		line-height: 1.4;
		margin-top: 5px;
}
.textRight {
		text-align: right;
		font-size: 123.1%;
		line-height: 1.4;
		margin-top: 5px;
}
strong {
		font-size: 170%;
}
.mark {
		background: #ffffe5;
		padding-top: 5px;
		margin-bottom: 5px;
}
.red {
		color: #FF0000;
}
h3 > .red {
		white-space: nowrap;
}
/*759px以下*/
@media screen and (max-width: 759.9px) {
		#wrapper {
				line-height: 1.4;
		}
		.spnone {
				display: none !important;
		}
		/* CSS */
		#dirPathBlock, #anchorLinkBlock {
				font-size: 10px;
				margin: 1% 1% 0 1%;
		}
		#dirPathBlock p, #anchorLinkBlock a {
				font-size: 12px;
		}
		.inner {
				width: 94%;
				margin: 0 auto;
				padding: 5% 3%;
		}
		.top-attention {
				width: min(970px, 88%);
				margin: 1% auto;
				border: 2px solid #FF0000;
				padding: 1%;
				text-align: center;
				font-size: 15px;
				line-height: 1.6;
		}
		.top-attention > .red {
				font-size: 17px;
		}
		.top-attention a {
				color: blue;
		}
		.title img {
				width: 100%;
				height: auto;
		}
		h1 {
				font-size: 12px;
				margin: 0 1%;
		}
		h2 {
				color: #ffffff;
				background: #01913a;
				padding: .5em 1em;
				font-size: 140%;
				font-weight: bold;
				margin-bottom: 10px;
				text-align: center;
		}
		h3 {
				padding: 0.5rem;
				font-size: 138.5%;
				font-weight: bold;
				text-align: center;
				margin-top: 5%;
		}
		h3.Line {
				padding: 1rem 0 0.5rem;
				border-top: 1px solid #999;
		}
		h4 {
				display: flex;
				justify-content: center;
				align-items: center;
				font-size: 138.5%;
				font-weight: bold;
				text-align: center;
				margin: 3% 0 2%;
				color: #FF0000;
		}
		h4::before, h4::after {
				content: '';
				width: 2px;
				height: 40px;
				background-color: #FF0000;
		}
		h4::before {
				margin-right: 10px;
				transform: rotate(-35deg)
		}
		h4::after {
				margin-left: 10px;
				transform: rotate(35deg)
		}
		.introBox {
				position: relative;
				padding: 4px;
				background-image: -webkit-linear-gradient(315deg, #FF0000 0%, #ffcc00 50%, #FF0000 100%);
				background-image: linear-gradient(-225deg, #FF0000 0%, #ffcc00 50%, #FF0000 100%);
				font-size: 138.5%;
				font-weight: bold;
				color: #FF0000;
				text-align: center;
		}
		.introBox span {
				display: block;
				padding: 1rem 2rem;
				background: #fff;
		}
		.introBox span .small {
				font-size: 80%;
				color: #000;
				margin-top: 8px;
		}
		.introBox span .normal {
				font-weight: normal;
				color: #000;
				margin-top: 8px;
		}
		.introBox span .big {
				font-size: 120%;
		}
		.yoyakuBox {
				width: 90%;
				margin: 5%;
				font-size: 123.1%;
				line-height: 1.4;
				text-align: center;
				background: #FFF;
				padding: 3% 3% 5%;
				filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.2));
		}
		.yoyakuBox strong {
				font-size: 120%;
				font-weight: bold;
		}
		.yoyakuBox span {
				color: #ff0000;
		}
		.yoyakuBox .code {
				width: 94%;
				margin: 3% auto 0;
				line-height: 1.5;
				text-align: center;
				background: #FFE8E8;
				padding: 2%;
		}
		.yoyakuBox p {
				text-align: left;
				margin-top: 10px;
		}
		.note {
				width: 94%;
				font-size: 138.5%;
				line-height: 1.4;
				text-align: center;
				padding: 10px;
				background: #FF0000;
				color: #FFF;
		}
		.message {
				width: 94%;
				margin-bottom: 4%;
				font-size: 123.1%;
				line-height: 1.4;
				text-align: center;
				background: #FFEBEB;
				padding: 3%;
				border-radius: 0.3em;
		}
		*, *:before, *:after {
				box-sizing: border-box;
		}
		/*◆list横並び*/
		.itemList2 {
				width: 100%;
				display: flex;
				justify-content: space-between;
				margin-top: 10px;
		}
		figure {
				width: 70%;
				margin: 0 auto;
		}
		figure img {
				height: auto;
				width: 100%;
		}
		figcaption {
				padding-top: 4px;
		}
		.itemList4 {
				width: 100%;
				padding: 0;
				display: flex;
				display: -ms-flexbox; /* IE10 */
				flex-wrap: wrap;
				-ms-flex-wrap: wrap; /* IE10 */
		}
		.itemList4 > div {
				float: left;
				width: 50%;
				padding: 1%;
				margin-top: 2%;
		}
		.itemList4 > div img {
				width: 100%;
		}
		.itemList4 > div dt {
				/*font-size: 123.1%;*/
				text-align: center;
		}
		.itemList4 > div dd {
				font-size: 123.1%;
				text-align: left;
				padding: 2% 4% 4%;
				background: #FFF;
		}
		.itemList4 > div dd strong {
				font-weight: bold;
		}
		.itemList4 > div .Btn {
				color: #fff;
				width: 94%;
				margin: 0 3%;
				text-align: center;
				background: #F60;
				border-radius: 5px;
				padding: 6% 3%;
				position: relative; /* 追記 */
				font-size: 123.1%;
				font-weight: bold;
		}
		.itemList4 > div .Btn span {
				color: #F60;
				background: #FFFFFF;
				display: inline-block;
				padding: 1% 3%;
				margin-bottom: 2%;
		}
		.itemList4 > div .Btn a {
				color: #fff;
		}
		.itemList4 > div .Btn::after {
				content: "＞";
				position: absolute;
				top: 50%;
				left: 10px;
				transform: translateY(-50%);
		}
		.itemList4 > div .Btn_gray {
				color: #fff;
				width: 94%;
				margin: 0 3%;
				text-align: center;
				background: #666;
				border-radius: 5px;
				padding: 6% 3%;
				position: relative; /* 追記 */
				font-size: 123.1%;
				font-weight: bold;
		}
		.itemList4 > div .Btn_gray::after {
				content: "＞";
				position: absolute;
				top: 50%;
				left: 10px;
				transform: translateY(-50%);
		}
		.itemList4 > div .Btn_gray span {
				color: #000;
				background: #FFFFFF;
				display: inline-block;
				padding: 1% 3%;
				margin-bottom: 2%;
		}
		/*◆注意事項*/
		ul.guideList, ol.guideList {
				font-size: 123.1%;
				line-height: 1.4;
				margin-top: 2%;
		}
		ul.guideList li {
				line-height: 1.4;
				padding-bottom: 8px;
				text-indent: -1em;
				margin-left: 1em;
				text-align: left;
		}
		ul.guideList li:before {
				content: '◆';
		}
		ul.guideList li.none {
				line-height: 1.4;
				padding-bottom: 8px;
				text-indent: -1em;
				margin-left: 1em;
				text-align: left;
		}
		ul.guideList li.none:before {
				content: none;
		}
		ul.guideList li.kome, ul.guideList li.ten, ul.guideList li.komered {
				line-height: 1.4;
				padding-bottom: 8px;
				text-indent: -1em;
				margin-left: 1em;
		}
		ol.guideList li.kakkoList {
				list-style: none;
				line-height: 1.4;
				padding-bottom: 8px;
				text-indent: -3em;
				margin-left: 2.5em;
				counter-increment: cnt;
		}
		ul.guideList li.kome:before {
				content: '※';
		}
		ul.guideList li.ten:before {
				content: '・';
		}
		ol.guideList li.kakkoList:before {
				content: "（ "counter(cnt) " ）";
		}
		ul.guideList li.komered:before {
				content: '※';
				color: #FF0000;
		}
		ul.guideList li.no1, ul.guideList li.no2 {
				line-height: 1.4;
				padding-bottom: 8px;
				text-indent: -2em;
				margin-left: 2em;
		}
		ul.guideList li.no1:before {
				content: '※1 ';
				color: #FF0000;
		}
		ul.guideList li.no2:before {
				content: '※2 ';
				color: #FF0000;
		}
		ul.guideList li span {
				color: #F00;
		}
		/*◆ボタン*/
		.Btn {
				color: #fff;
				width: 90%;
				margin: 5% auto 0;
				text-align: center;
				background: #0066cc;
				border-radius: 5px;
				padding: 3% 3% 3% 10%;
				position: relative; /* 追記 */
				font-size: 123.1%;
				font-weight: bold;
		}
		.Btn a {
				color: #fff;
		}
		.Btn span {
				font-size: 80%;
				font-weight: normal;
		}
		.Btn::after {
				content: "＞";
				position: absolute;
				top: 50%;
				left: 10px;
				transform: translateY(-50%);
		}
		.Btn_gray {
				color: #fff;
				width: 84%;
				margin: 2% auto 0;
				text-align: center;
				background: #666;
				border-radius: 5px;
				padding: 6% 3%;
				position: relative; /* 追記 */
				font-size: 123.1%;
				font-weight: bold;
		}
		.Btn_gray::after {
				content: "＞";
				position: absolute;
				top: 50%;
				left: 10px;
				transform: translateY(-50%);
		}
		.Btn_gray span {
				font-size: 85%;
				font-weight: normal;
		}
		/*◆当選*/
		.winner {
				position: relative;
				margin: 0 8% 3%;
				text-align: center;
				font-size: 180%;
				font-weight: bold;
				line-height: 1.4;
		}
		.winner:before, .winner:after {
				position: absolute;
				z-index: 0;
				bottom: -10px;
				display: block;
				content: '';
				border: 1.5em solid #d90606;
		}
		.winner:before {
				left: -30px;
				border-left-width: 10px;
				border-left-color: transparent;
		}
		.winner:after {
				right: -30px;
				border-right-width: 10px;
				border-right-color: transparent;
		}
		.winner span {
				position: relative;
				z-index: 1;
				display: block;
				padding: 0.5rem;
				color: #fff;
				background: #fa4141;
		}
		.winner span:before, .winner span:after {
				position: absolute;
				bottom: -25px;
				display: block;
				width: 15px;
				height: 15px;
				content: '';
				border-style: solid;
				border-color: #b70505 transparent transparent transparent;
		}
		.winner span:before {
				left: 0;
				border-width: 10px 0 0 10px;
		}
		.winner span:after {
				right: 0;
				border-width: 10px 10px 0 0;
		}
		.planname {
				text-align: center;
				font-size: 150%;
				font-weight: bold;
				margin: 25px 0 10px;
		}
		.planname span {
				background: linear-gradient(transparent 60%, #FAFF8A 0%);
		}
		.winnerBox {
				margin: 20px 0 10px;
				padding: 0;
		}
		.winnerBox dl {
				width: 96%;
				margin-top: 4%;
				font-size: 138.5%;
				line-height: 1.5;
				color: #000;
		}
		.winnerBox dl ul.guideList {
				font-size: 100%;
		}
		.winnerBox dt {
				width: 100%;
				padding: 5px 8px;
				background: #FFBAD1;
		}
		.winnerBox dd {
				width: 100%;
				padding: 5px 8px;
				background: #F5F5F5;
		}
		.winnerBox dd .catch {
				font-size: 120%;
				font-weight: bold;
		}
}
/*760px以上*/
@media screen and (min-width: 760px), print {
		/* CSS */
		#wrapper {
				line-height: 1.231;
		}
		#dirPathBlock, h1, .iframe_end-content_gadget, #anchorLinkBlock {
				width: 100%;
				max-width: 970px;
				min-width: 760px;
				margin: auto;
		}
		.pcnone {
				display: none !important;
		}
		/*panlist&back*/
		#dirPathBlock, #anchorLinkBlock {
				width: 100%;
				margin: 10px auto;
				display: block;
				font-size: 12px;
		}
		#dirPathBlock p, #anchorLinkBlock a {
				font-size: 12px;
		}
		.inner {
				max-width: 970px;
				margin: 0 auto;
				padding: 40px 40px;
		}
		.top-attention {
				width: min(890px, 90.5%);
				margin: 1% auto;
				border: 2px solid #FF0000;
				padding: 1%;
				text-align: center;
				font-size: 1.1rem;
				line-height: 1.8
		}
		.top-attention > .red {
				font-size: 1.3rem;
		}
		.top-attention a {
				color: blue;
		}
		.title img {
				width: 100%;
				height: auto;
		}
		h1 {
				font-size: 14px;
				width: auto;
				max-width: 970px;
				margin: 0 auto 5px;
		}
		h2 {
				color: #ffffff;
				background: #01913a;
				padding: .5em 1em;
				font-size: 180%;
				font-weight: bold;
				margin-bottom: 10px;
				text-align: center;
		}
		h3 {
				padding: 1rem 0rem;
				margin: 20px 0 10px;
				font-size: 167%;
				font-weight: bold;
				text-align: center;
		}
		h3.Line {
				padding: 2rem 0rem 1rem;
				border-top: 1px solid #999;
		}
		h4 {
				display: flex;
				justify-content: center;
				align-items: center;
				font-size: 167%;
				font-weight: bold;
				text-align: center;
				margin-top: 20px;
				color: #FF0000;
		}
		h4::before, h4::after {
				content: '';
				width: 2px;
				height: 40px;
				background-color: #FF0000;
		}
		h4::before {
				margin-right: 30px;
				transform: rotate(-35deg)
		}
		h4::after {
				margin-left: 30px;
				transform: rotate(35deg)
		}
		.introBox {
				position: relative;
				padding: 4px;
				background-image: -webkit-linear-gradient(315deg, #FF0000 0%, #ffcc00 50%, #FF0000 100%);
				background-image: linear-gradient(-225deg, #FF0000 0%, #ffcc00 50%, #FF0000 100%);
				font-size: 167%;
				font-weight: bold;
				color: #FF0000;
				text-align: center;
		}
		.introBox span {
				display: block;
				padding: 1rem 2rem;
				background: #fff;
		}
		.introBox span .small {
				font-size: 80%;
				color: #000;
				margin-top: 8px;
		}
		.introBox span .normal {
				font-weight: normal;
				color: #000;
				margin-top: 8px;
		}
		.introBox span .big {
				font-size: 160%;
		}
		.yoyakuBox {
				width: 750px;
				margin: 30px auto;
				font-size: 123.1%;
				line-height: 1.5;
				text-align: center;
				background: #FFF;
				padding: 20px;
				filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.2));
		}
		.yoyakuBox strong {
				font-size: 150%;
				font-weight: bold;
		}
		.yoyakuBox span {
				color: #ff0000;
		}
		.yoyakuBox .code {
				width: 650px;
				margin: 10px auto 0;
				line-height: 1.5;
				text-align: center;
				background: #FFE8E8;
				padding: 10px;
		}
		.yoyakuBox p {
				text-align: left;
		}
		.note {
				width: 970px;
				font-size: 167%;
				line-height: 1.4;
				text-align: center;
				padding: 10px;
				background: #FF0000;
				color: #FFF;
		}
		.message {
				width: 950px;
				margin: 0 auto 30px;
				font-size: 123.1%;
				line-height: 1.4;
				text-align: center;
				background: #FFEBEB;
				padding: 20px;
				border-radius: 0.5em;
		}
		/*◆list横並び*/
		*, *:before, *:after {
				box-sizing: border-box;
		}
		.itemList2 {
				display: flex;
				justify-content: space-between;
				margin-top: 10px;
		}
		figure {
				width: 60%;
				margin: 0 auto;
		}
		figure img {
				height: auto;
				width: 100%;
		}
		figcaption {
				padding-top: 5px;
				font-size: 15px;
		}
		.itemList3 {
				width: 100%;
				display: flex;
				display: -ms-flexbox; /* IE10 */
				flex-wrap: wrap;
				-ms-flex-wrap: wrap; /* IE10 */
				margin-top: 10px;
		}
		.itemList3 > div {
				width: 33.33333%;
				padding: 10px;
		}
		.itemList3 > div img {
				display: block;
				height: auto;
				width: 100%;
		}
		.itemList3 > div .Btn, .itemList3 > div .Btn_gray {
				width: 100%;
		}
		.itemList4 {
				width: 100%;
				padding: 0;
				display: flex;
				display: -ms-flexbox; /* IE10 */
				flex-wrap: wrap;
				-ms-flex-wrap: wrap; /* IE10 */
		}
		.itemList4 > div {
				width: 25%;
				padding: 0 10px;
		}
		.itemList4 > div img {
				width: 100%;
		}
		.itemList4 > div dt {
				font-size: 123.1%;
				text-align: center;
		}
		.itemList4 > div dd {
				margin: 0; /* これがないとずれる */
				font-size: 123.1%;
				line-height: 1.5;
				text-align: left;
				padding: 5px 8px 8px;
				background: #FFFFFF;
		}
		.itemList4 > div dd strong {
				font-weight: bold;
		}
		.itemList4 > div .Btn {
				color: #fff;
				width: 100%;
				text-align: center;
				background: #F60;
				border-radius: 5px;
				padding: 20px 30px;
				position: relative; /* 追記 */
				font-size: 123.1%;
				line-height: 1.4;
				font-weight: bold;
		}
		.itemList4 > div .Btn span {
				color: #F60;
				background: #FFFFFF;
				display: inline-block;
				padding: 3px 8px 5px;
				margin-bottom: 3px;
		}
		.itemList4 > div .Btn a {
				color: #fff;
		}
		.itemList4 > div .Btn::after {
				content: "＞";
				position: absolute;
				top: 50%;
				left: 10px;
				transform: translateY(-50%);
		}
		.itemList4 > div .Btn_gray {
				color: #fff;
				width: 100%;
				text-align: center;
				background: #666;
				border-radius: 5px;
				padding: 20px 30px;
				position: relative; /* 追記 */
				font-size: 123.1%;
				line-height: 1.4;
				font-weight: bold;
		}
		.itemList4 > div .Btn_gray::after {
				content: "＞";
				position: absolute;
				top: 50%;
				left: 10px;
				transform: translateY(-50%);
		}
		.itemList4 > div .Btn_gray span {
				color: #000;
				background: #FFFFFF;
				display: inline-block;
				padding: 3px 8px 5px;
				margin-bottom: 3px;
		}
		/*◆注意事項*/
		ul.guideList, ol.guideList {
				padding: 0;
				font-size: 123.1%;
				line-height: 1.4;
		}
		ul.guideList li {
				list-style: none;
				line-height: 1.4;
				padding-bottom: 8px;
				text-indent: -1em;
				margin-left: 1em;
				text-align: left;
		}
		ul.guideList li:before {
				content: '◆';
		}
		ul.guideList li.none {
				list-style: none;
				line-height: 1.4;
				padding-bottom: 8px;
				text-indent: -1em;
				margin-left: 1em;
				text-align: left;
		}
		ul.guideList li.none:before {
				content: none;
		}
		ul.guideList li.kome, ul.guideList li.ten, ul.guideList li.komered {
				list-style: none;
				line-height: 1.4;
				padding-bottom: 8px;
				text-indent: -1em;
				margin-left: 1em;
		}
		ol.guideList li.kakkoList {
				list-style: none;
				line-height: 1.4;
				padding-bottom: 8px;
				text-indent: -3em;
				margin-left: 2.5em;
				counter-increment: cnt;
		}
		ul.guideList li.kome:before {
				content: '※';
		}
		ul.guideList li.ten:before {
				content: '・';
		}
		ol.guideList li.kakkoList:before {
				content: "（ "counter(cnt) " ）";
		}
		ul.guideList li.komered:before {
				content: '※';
				color: #FF0000;
		}
		ul.guideList li.no1, ul.guideList li.no2 {
				list-style: none;
				line-height: 1.4;
				padding-bottom: 8px;
				text-indent: -2em;
				margin-left: 2em;
		}
		ul.guideList li.no1:before {
				content: '※1 ';
				color: #FF0000;
		}
		ul.guideList li.no2:before {
				content: '※2 ';
				color: #FF0000;
		}
		ul.guideList li span {
				color: #F00;
		}
		/*◆ボタン*/
		.Btn {
				color: #fff;
				width: 570px;
				margin: 10px auto 20px;
				text-align: center;
				background: #0066cc;
				border-radius: 5px;
				padding: 20px 30px;
				position: relative; /* 追記 */
				font-size: 153.9%;
				font-weight: bold;
				line-height: 1.4;
				margin-top: 20px;
		}
		.Btn a {
				color: #fff;
		}
		.Btn span {
				font-size: 75%;
				font-weight: normal;
		}
		.Btn::after {
				content: "＞";
				position: absolute;
				top: 50%;
				left: 10px;
				transform: translateY(-50%);
		}
		.Btn_green::after {
				content: "＞";
				position: absolute;
				top: 50%;
				left: 10px;
				transform: translateY(-50%);
		}
		.Btn_gray {
				color: #fff;
				width: 70%;
				margin: 10px auto 20px;
				text-align: center;
				background: #666;
				border-radius: 5px;
				padding: 20px 30px;
				position: relative; /* 追記 */
				font-size: 153.9%;
				font-weight: bold;
				line-height: 1.4;
				margin-top: 20px;
		}
		.Btn_gray::after {
				content: "＞";
				position: absolute;
				top: 50%;
				left: 10px;
				transform: translateY(-50%);
		}
		.Btn_gray span {
				font-size: 85%;
				font-weight: normal;
		}
		/*◆当選・再販売*/
		.winner {
				position: relative;
				margin: 30px;
				text-align: center;
				font-size: 300%;
				font-weight: bold;
		}
		.winner:before, .winner:after {
				position: absolute;
				z-index: 0;
				bottom: -10px;
				display: block;
				content: '';
				border: 1em solid #d90606;
		}
		.winner:before {
				left: -30px;
				border-left-width: 10px;
				border-left-color: transparent;
		}
		.winner:after {
				right: -30px;
				border-right-width: 10px;
				border-right-color: transparent;
		}
		.winner span {
				position: relative;
				z-index: 1;
				display: block;
				padding: 1rem 2rem;
				color: #fff;
				background: #fa4141;
		}
		.winner span:before, .winner span:after {
				position: absolute;
				bottom: -15px;
				display: block;
				width: 15px;
				height: 15px;
				content: '';
				border-style: solid;
				border-color: #b70505 transparent transparent transparent;
		}
		.winner span:before {
				left: 0;
				border-width: 10px 0 0 10px;
		}
		.winner span:after {
				right: 0;
				border-width: 10px 10px 0 0;
		}
		.planname {
				text-align: center;
				font-size: 220%;
				font-weight: bold;
				margin: 15px 0;
		}
		.planname span {
				background: linear-gradient(transparent 60%, #FAFF8A 0%);
		}
		.winnerBox {
				margin: 20px 0 10px;
				padding: 0;
		}
		.winnerBox dl {
				width: 100%;
				padding: 1px 0;
				display: table;
				font-size: 138.5%;
				line-height: 1.5;
				color: #000;
		}
		.winnerBox dl ul.guideList {
				font-size: 100%;
		}
		.winnerBox dt {
				width: 18%;
				padding: 5px 8px;
				display: table-cell;
				background: #FFBAD1;
		}
		.winnerBox dd {
				width: 82%;
				padding: 5px 8px;
				background: #F5F5F5;
				display: table-cell;
		}
		.winnerBox dd .catch {
				font-size: 140%;
				font-weight: bold;
		}
}