@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');

body {background: #000}

@media screen and (max-width: 767px) {
  #undercolumn_blog　{ width: 100% !important}
  .only_pc { display: none}
	.slick-dots li { margin: 0 !important}
	.slick-dots li button:before { color: #5256ac !important; font-family: initial !important; font-size: 10px !important; left: -10px !important; opacity: 1 !important}
	.slick-dots li.slick-active button:before { opacity: 0.75 !important}

	#second,#third { margin-top: -50px; padding-top: 50px}
	.PageWrapper { background: #000; color: #fff; font-family: 'Noto Sans JP', sans-serif; font-weight: 700 !important; width: 100%; margin: 0 auto; padding-bottom: 60px; font-size: 10px; /*letter-spacing: 0.05em;*/ line-height: 1.4em; /*-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased*/}
	.PageWrapper a:link { text-decoration: none; color: #fff}
	.PageWrapper a:visited { text-decoration: none; color: #fff}
	.PageWrapper a:hover { text-decoration: underline; color: #fff}

	.mainVisual { opacity: 0; margin: 0 auto}
	.mainVisual img { width: 100%; height: auto}
	.mainVisual { animation: fadein 1.5s ease 0.5s 1 forwards}
	.mainVisual h1 { margin: 0 auto; padding: 35px 0 12px; text-align: center; width: 80%}
	.mainVisual h1 img { width: 100%; height: auto}
	.mainVisual ul.slider { margin: 0 auto; width: 100%}
	.mainVisual ul.slider img { width: 100%; height: auto}
	.mainVisual .last-chance { position: absolute; top: 30px; right: 10px; transform: rotate(12deg); width: 18%}
	.mainVisual .last-chance img { width: 100%; height: auto}
	@-webkit-keyframes fadein { 100% { opacity: 1}}
	@keyframes fadein { 100% { opacity: 1}}

	.column01 { background: url(/user_data/packages/ravijour/feature/aaa/images/bg01_pc.png) no-repeat top; background-size: 130%; position: relative; margin: 0 auto 50px}
	.column02 { background: url(/user_data/packages/ravijour/feature/aaa/images/bg02_pc.png) no-repeat center 130%; background-size: 130%; margin: 0 auto 35px; position: relative;  }
	.column02 h2 { font-size: 21px; font-weight: 700; letter-spacing: 0.1em; line-height: 1.5; margin: 0 auto 30px; text-align: center}
	.column02 .btn { margin: 0 auto; width: 85%}
	.column02 .btn img { width: 100%; height: auto}
	.column02 .nav { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto 10px; width: 92.5%; position: relative}
	.column02 .nav li {box-sizing: border-box; padding: 2px; width: 50%}
	.column02 .nav li img { width: 100%; height: auto}

	/* イベント概要 */
	.column03 { margin: 0 auto 25px}
	.column03 .inner { background: rgb(10,46,73); background: linear-gradient(50deg, rgba(10,46,73,1) 0%, rgba(42,18,50,1) 100%);
		margin: 0 auto; padding: 20px 0 30px; width: 90%}
	.column03 h3 { margin: 0 auto 30px; text-align: center; width: 95%}
	.column03 h3 img { width: 100%; height: auto}
	.column03 h4 { margin: 0 auto 5px; text-align: center; width: 90.8%}
	.column03 h4 img { width: 100%; height: auto}
	.column03 .text01 { font-size: 14px; letter-spacing: 0.1em; line-height: 1.5; margin: 0 auto 40px; text-align: left; display: table}
	.column03 .text02 { font-size: 10px; font-weight: 500; line-height:1.7; margin: 0 auto 30px; text-align: center; width: 90%}
	.column03 .text03 { font-size: 17px; letter-spacing: 0.1em; line-height: 1.5; margin: 0 auto 10px; text-align: center}
	.column03 .text04 { font-size: 10px; font-weight: 500; line-height:1.7; margin: 0 auto; text-align: center; width: 90%}

	/* キャンペーン */
	.column04 { margin: 0 auto 60px; position: relative;  }
	.column04 .last-chance { position: absolute; top: -10px; left: -10px; transform: rotate(-8deg);　}
	.column04 .last-chance img { width: 70px; height: auto}
	.column04 .inner { background: rgb(10,46,73); background: linear-gradient(50deg, rgba(10,46,73,1) 0%, rgba(42,18,50,1) 100%);
		margin: 0 auto; padding: 20px 0 30px; width: 90%; position: relative}
	.column04 h3 { margin: 0 auto 20px; text-align: center; width: 95%}
	.column04 h3 img { width: 100%; height: auto}
	.column04 h4 { margin: 0 auto 5px; text-align: center; width: 89.5%; position: relative}
	.column04 h4 img { width: 100%; height: auto}
	.column04 .text01 { font-size: 16px; line-height: 1.5; margin: 20px auto 10px; text-align: center}
	.column04 .text02 { font-size: 11px; font-weight: 500; line-height:1.7; margin: 0 auto 20px; text-align: left; display: table}
	.column04 .text03 { font-size: 15px; line-height: 1.6; margin: 10px auto 20px; text-align: center}
	.column04 .text04 { font-size: 12px; line-height:1.7; margin: 0 auto 30px; text-align: left; display: table}
	.column04 .text05 { font-size: 14px; font-weight: 500; letter-spacing: 0.2em; line-height:1.9; margin: 0 auto 10px; text-align: center; width: 86%}
	.column04 .text05 { display: flex; align-items: center}
	.column04 .text05:before,
	.column04 .text05:after { content: ""; height: 1px; flex-grow: 1; background-color: #fff}
	.column04 .text05:before { margin-right: 2rem}
	.column04 .text05:after { margin-left: 2rem}
	.column04 .text06 { font-size: 10px; font-weight: 500; line-height:1.9; margin: 0 auto; text-align: left; width: 86%}
	.column04 .ticket { margin: 0 auto 20px; width: 84.0%}
	.column04 .ticket img { width: 100%; height: auto}
	.column04 .chance { margin: 0 auto 10px; width: 98.0%}
	.column04 .chance img { width: 100%; height: auto}
	.column04 .btn { margin: 0 auto 40px; width: 93.5%}
	.column04 .btn img { width: 100%; height: auto}
	.column04:before { content: ''; background: url(/user_data/packages/ravijour/feature/aaa/images/bg03_sp.png) no-repeat top; background-size: contain; position: absolute; top: -10px; left: 0; width: 100%; height: 100%; pointer-events: none;　}

	/* 参加方法 */
	.column05 { margin: 0 auto 60px; position: relative;  }
	.column05 .inner { background: rgb(10,46,73); background: linear-gradient(50deg, rgba(10,46,73,1) 0%, rgba(42,18,50,1) 100%);
		margin: 0 auto; padding: 20px 0 10px; width: 90%}
	.column05 h3 { margin: 0 auto 20px; text-align: center; width: 95%}
	.column05 h3 img { width: 100%; height: auto}
	.column05 h4 { margin: 0 auto 5px; text-align: center; width: 89.5%; position: relative}
	.column05 h4 img { width: 100%; height: auto}
	.column05 .step { margin: 30px auto 5px; text-align: center; width: 26%}
	.column05 .step img { width: 100%; height: auto}
	.column05 .text01 { font-size: 13px; line-height: 1.7; margin: 0 auto; text-align: center}
	.column05 .line { margin: 0 auto 30px; width: 94.5%}
	.column05 .line img { width: 100%; height: auto}
	.column05 .btn { margin: 15px auto 30px; width: 93.5%}
	.column05 .btn img { width: 100%; height: auto}
	.column05:before { content: ''; background: url(/user_data/packages/ravijour/feature/aaa/images/bg04_sp.png) no-repeat top; background-size: contain; position: absolute; top: -40px; left: 0; width: 100%; height: 100%; pointer-events: none;　}

	/* 推しカラー */
	.column06 { margin: 0 auto 60px}
	.column06 h3 { margin: 0 auto 20px; text-align: center; width: 88.5%}
	.column06 h3 img { width: 100%; height: auto}
	.column06 h4 { margin: 0 auto 20px; text-align: center; width: 65.0%}
	.column06 h4 img { width: 100%; height: auto}
	.column06 .box { background: rgb(1,157,230); background: linear-gradient(90deg, rgba(1,157,230,1) 0%, rgba(125,49,140,1) 100%);
		margin: 0 auto; padding: 20px; width: 95%; box-sizing: border-box}
	.column06 ul.color { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto 30px; width: 78%}
	.column06 ul.color li { width: 17.1%}
	.column06 ul.color li a { display: block; width: 50px; height: 50px}
	.column06 ul.color li:nth-child(1) a { background: #000; border: 2px solid #fff; box-sizing: border-box}
	.column06 ul.color li:nth-child(2) a { background: #fff}
	.column06 ul.color li:nth-child(3) a { background: #c20d23}
	.column06 ul.color li:nth-child(4) a { background: #1d2087}
	.column06 ul.color li:nth-child(5) a { background: #601985}
	.column06 ul.color li:nth-child(6) a { background: #ff71a4}
	.column06 ul.color li:nth-child(7) a { background: #22ab38}
	.column06 ul.color li:nth-child(8) a { background: #f9ed00}
	.column06 ul.color li:nth-child(9) a { background: #e95514}
	.column06 ul.color li:nth-child(10) a { background: #727171}
	.column06 ul.color li p { font-size: 11px; font-weight: 400; margin: 5px auto 10px; padding-right: 12%; text-align: center}
	.column06 ul.bnnr { display: flex; flex-wrap: wrap; justify-content: space-between}
	.column06 ul.bnnr li { margin-bottom: 5px; width: 49%}
	.column06 ul.bnnr li:nth-child(5), .column06 ul.bnnr li:nth-child(6) { margin-bottom: 0}
	.column06 ul.bnnr li img { width: 100%; height: auto}

	/* キャンペーン第2-3段 */
	.column07 { margin: 0 auto 60px; position: relative;  }
	.column07 .inner { background: rgb(10,46,73); background: linear-gradient(50deg, rgba(10,46,73,1) 0%, rgba(42,18,50,1) 100%);
		margin: 0 auto; padding: 40px 0 10px; width: 90%}
	.column07 h3 { margin: 0 auto 10px; text-align: center; width: 95%}
	.column07 h3 img { width: 100%; height: auto}
	.column07 .text01 { font-size: 15px; line-height:1.7; margin: 0px auto 10px; text-align: center}
	.column07 .coming { margin: 0 auto 30px; width: 65.6%}
	.column07 .coming img { width: 100%; height: auto}
	.column07:before { content: ''; background: url(/user_data/packages/ravijour/feature/aaa/images/bg05_sp.png) no-repeat top; background-size: contain; position: absolute; top: -20px; left: 0; width: 100%; height: 100%; pointer-events: none;　}

	/* 当選発表 */
	.column08 { margin: 0 auto 60px; position: relative;  }
	.column08 .inner { background: rgb(10,46,73); background: linear-gradient(50deg, rgba(10,46,73,1) 0%, rgba(42,18,50,1) 100%);
		margin: 0 auto; padding: 40px 0 30px; width: 90%}
	.column08 h3 { margin: 0 auto 20px; text-align: center; width: 95%}
	.column08 h3 img { width: 100%; height: auto}
	.column08 h4 { margin: 0 auto 15px; text-align: center; width: 83.5%}
	.column08 h4 img { width: 100%; height: auto}
	.column08 .text01 { font-size: 18px; font-weight: 500; letter-spacing: 0.2em; line-height: 1.5; margin: 0 auto 20px; text-align: center}
	.column08 .text02 { font-size: 13px; font-weight: 500; line-height:1.7; margin: 0 auto 15px; text-align: center}
	.column08 .text03 { font-size: 15px; font-weight: 500; line-height:1.7; margin: 0 auto 20px; text-align: center}
	.column08 .text05 { font-size: 14px; font-weight: 500; letter-spacing: 0.2em; line-height:1.9; margin: 0 auto 10px; text-align: center; width: 86%}
	.column08 .text05 { display: flex; align-items: center}
	.column08 .text05:before,
	.column08 .text05:after { content: ""; height: 1px; flex-grow: 1; background-color: #fff}
	.column08 .text05:before { margin-right: 2rem}
	.column08 .text05:after { margin-left: 2rem}
	.column08 .text06 { font-size: 10px; font-weight: 500; line-height:1.9; margin: 0 auto; text-align: left; width: 86%}
	.column08:before { content: ''; background: url(/user_data/packages/ravijour/feature/aaa/images/bg06_sp.png) no-repeat top; background-size: contain; position: absolute; top: -20px; left: 0; width: 100%; height: 100%; pointer-events: none;　}

	/* 当選後の流れ */
	.column10 { margin: 0 auto 60px; position: relative;  }
	.column10 .inner { background: rgb(10,46,73); background: linear-gradient(50deg, rgba(10,46,73,1) 0%, rgba(42,18,50,1) 100%);
		margin: 0 auto; padding: 20px 0; width: 90%}
	.column10 h3 { margin: 0 auto 30px; text-align: center; width: 95%}
	.column10 h3 img { width: 100%; height: auto}
	.column10 .text01 { font-size: 13px; font-weight: 500; letter-spacing: 0.2em; line-height: 1.6; margin: 0 auto 40px; text-align: center}
	.column10 .text05 { font-size: 14px; font-weight: 500; letter-spacing: 0.2em; line-height:1.9; margin: 0 auto 10px; text-align: center; width: 86%}
	.column10 .text05 { display: flex; align-items: center}
	.column10 .text05:before,
	.column10 .text05:after { content: ""; height: 1px; flex-grow: 1; background-color: #fff}
	.column10 .text05:before { margin-right: 2rem}
	.column10 .text05:after { margin-left: 2rem}
	.column10 .text06 { font-size: 10px; font-weight: 500; line-height:1.9; margin: 0 auto; text-align: left; width: 86%}
	.column10:before { content: ''; background: url(/user_data/packages/ravijour/feature/aaa/images/bg07_sp.png) no-repeat top; background-size: contain; position: absolute; top: -20px; left: 0; width: 100%; height: 100%; pointer-events: none;　}

	/* 注意事項 */
	.column09 { margin: 0 auto 60px; position: relative;  }
	.column09 .inner { background: rgb(10,46,73); background: linear-gradient(50deg, rgba(10,46,73,1) 0%, rgba(42,18,50,1) 100%);
		margin: 0 auto; padding: 20px 0; width: 90%}
	.column09 h3 { margin: 0 auto 20px; text-align: center; width: 95%}
	.column09 h3 img { width: 100%; height: auto}
	.column09 .text06 { font-size: 10px; font-weight: 500; line-height:1.9; margin: 0 auto; text-align: left; width: 86%}
	.column09:before { content: ''; background: url(/user_data/packages/ravijour/feature/aaa/images/bg08_sp.png) no-repeat top; background-size: contain; position: absolute; top: -20px; left: 0; width: 100%; height: 100%; pointer-events: none;　}
	.PageWrapper p.credit { margin: 0 auto; width: 80%; font-size: 10px; font-weight: 500; line-height:1.7; text-align: left}
}



@media screen and (min-width: 768px) {
  .only_sp { display: none}
  .wrapper { position: relative; background: transparent; color: #fff; font-family: 'Noto Sans JP', sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 0.1em; line-height: 1.8; 
	margin: 0 auto; padding-bottom: 100px; width: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; overflow: hidden;}
	.wrapper a:link { text-decoration: none; color: #fff}
	.wrapper a:visited { text-decoration: none; color: #fff}
	.wrapper a:hover { text-decoration: underline; color: #fff}

	.slick-dots li { margin: 0 !important}
	.slick-dots li button:before { color: #5256ac !important; /*font-family: initial !important;*/ font-size: 12px !important; left: -10px !important; opacity: 1 !important}
	.slick-dots li.slick-active button:before { opacity: 0.75 !important}

	.column01 { background: url(/user_data/packages/ravijour/feature/aaa/images/bg01_pc.png) no-repeat top; background-size: 1080px 577px; position: relative; margin: 0 auto 60px}
	.column02 { margin: 0 auto 60px; position: relative;  }
	.column02 h2 { font-size: 42px; letter-spacing: 0.1em; line-height: 1.5; margin: 0 auto 40px; text-align: center}
	.column02 .btn { margin: 0 auto; width: 730px}
	.column02 .btn img { width: 100%; height: auto}
	.column02 .nav { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto 40px; width: 800px; position: relative}
	.column02 .nav li {box-sizing: border-box; padding: 5px; width: 50%}
	.column02 .nav li img { width: 100%; height: auto}
	.column02:before { content: url(/user_data/packages/ravijour/feature/aaa/images/bg02_pc.png); position: absolute; top: 75%; left: 50%;  transform: translate(-50%, -50%); pointer-events: none;　}

	/* イベント概要 */
	.column03 { margin: 0 auto 35px}
	.column03 .inner { background: rgb(10,46,73); background: linear-gradient(50deg, rgba(10,46,73,1) 0%, rgba(42,18,50,1) 100%);
		margin: 0 auto; padding: 40px 0; width: 780px}
	.column03 h3 { margin: 0 auto 50px; text-align: center; width: 95%}
	.column03 h3 img { width: 100%; height: auto}
	.column03 h4 { margin: 0 auto 5px; text-align: center; width: 90.8%}
	.column03 h4 img { width: 100%; height: auto}
	.column03 .text01 { font-size: 30px; letter-spacing: 0.1em; line-height: 1.5; margin: 0 auto 80px; text-align: left; display: table}
	.column03 .text02 { font-size: 20px; font-weight: 500; line-height:1.7; margin: 0 auto 60px; text-align: center; width: 90%}
	.column03 .text03 { font-size: 30px; letter-spacing: 0.1em; line-height: 1.5; margin: 0 auto 20px; text-align: center}
	.column03 .text04 { font-size: 20px; font-weight: 500; line-height:1.7; margin: 0 auto; text-align: center; width: 90%}

	/* キャンペーン */
	.column04 { margin: 0 auto 105px; position: relative;  }
	.column04 .last-chance { position: absolute; top: -50px; left: -60px; transform: rotate(-8deg);　}
	.column04 .last-chance img { width: 160px; height: auto}
	.column04 .inner { background: rgb(10,46,73); background: linear-gradient(50deg, rgba(10,46,73,1) 0%, rgba(42,18,50,1) 100%);
		margin: 0 auto; padding: 40px 0; width: 780px; position: relative}
	.column04 h3 { margin: 0 auto 20px; text-align: center; width: 95%}
	.column04 h3 img { width: 100%; height: auto}
	.column04 h4 { margin: 0 auto 5px; text-align: center; width: 89.5%; position: relative}
	.column04 h4 img { width: 100%; height: auto}

	.column04 .text01 { font-size: 30px; line-height: 1.5; margin: 40px auto 10px; text-align: center}
	.column04 .text02 { font-size: 20px; font-weight: 500; line-height:1.7; margin: 0 auto 50px; text-align: left; display: table}
	.column04 .text03 { font-size: 30px; line-height: 1.6; margin: 10px auto 60px; text-align: center}
	.column04 .text04 { font-size: 24px; line-height:1.7; margin: 0 auto 50px; text-align: left; display: table}
	.column04 .text05 { font-size: 24px; font-weight: 500; letter-spacing: 0.2em; line-height:1.9; margin: 0 auto 20px; text-align: center; width: 86%}
	.column04 .text05 { display: flex; align-items: center}
	.column04 .text05:before,
	.column04 .text05:after { content: ""; height: 1px; flex-grow: 1; background-color: #fff}
	.column04 .text05:before { margin-right: 4rem}
	.column04 .text05:after { margin-left: 4rem}
	.column04 .text06 { font-size: 16px; font-weight: 500; line-height:1.9; margin: 0 auto; text-align: left; width: 86%}
	.column04 .ticket { margin: 0 auto 30px; width: 84.0%}
	.column04 .ticket img { width: 100%; height: auto}
	.column04 .chance { margin: 0 auto 20px; width: 98.0%}
	.column04 .chance img { width: 100%; height: auto}
	.column04 .btn { margin: 0 auto 70px; width: 93.5%}
	.column04 .btn img { width: 100%; height: auto}
	.column04:before { content: url(/user_data/packages/ravijour/feature/aaa/images/bg03_pc.png); position: absolute; top: 22%; left: 50%;  transform: translate(-50%, -50%); pointer-events: none;　}

	/* 参加方法 */
	.column05 { margin: 0 auto 105px; position: relative;  }
	.column05 .inner { background: rgb(10,46,73); background: linear-gradient(50deg, rgba(10,46,73,1) 0%, rgba(42,18,50,1) 100%);
		margin: 0 auto; padding: 40px 0 10px; width: 780px}
	.column05 h3 { margin: 0 auto 20px; text-align: center; width: 95%}
	.column05 h3 img { width: 100%; height: auto}
	.column05 h4 { margin: 0 auto 5px; text-align: center; width: 89.5%; position: relative}
	.column05 h4 img { width: 100%; height: auto}
	.column05 .step { margin: 55px auto 5px; text-align: center; width: 165px}
	.column05 .step img { width: 100%; height: auto}
	.column05 .text01 { font-size: 25px; line-height: 1.7; margin: 0 auto; text-align: center}
	.column05 .line { margin: 0 auto 40px; width: 94.5%}
	.column05 .line img { width: 100%; height: auto}
	.column05 .btn { margin: 45px auto 60px; width: 93.5%}
	.column05 .btn img { width: 100%; height: auto}
	.column05:before { content: url(/user_data/packages/ravijour/feature/aaa/images/bg04_pc.png); position: absolute; top: 6%; left: 50%;  transform: translate(-50%, -50%); pointer-events: none;　}

	/* 推しカラー */
	.column06 { margin: 0 auto 105px; width: 820px}
	.column06 h3 { margin: 0 auto 35px; text-align: center; width: 88.5%}
	.column06 h3 img { width: 100%; height: auto}
	.column06 h4 { margin: 0 auto 35px; text-align: center; width: 65.0%}
	.column06 h4 img { width: 100%; height: auto}
	.column06 .box { background: rgb(1,157,230); background: linear-gradient(90deg, rgba(1,157,230,1) 0%, rgba(125,49,140,1) 100%);
		margin: 0 auto; padding: 20px; width: 100%; box-sizing: border-box}
	.column06 ul.color { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto 80px; width: 665px}
	.column06 ul.color li { width: 17.1%}
	.column06 ul.color li a { display: block; width: 110px; height: 110px}
	.column06 ul.color li:nth-child(1) a { background: #000; border: 2px solid #fff; box-sizing: border-box}
	.column06 ul.color li:nth-child(2) a { background: #fff}
	.column06 ul.color li:nth-child(3) a { background: #c20d23}
	.column06 ul.color li:nth-child(4) a { background: #1d2087}
	.column06 ul.color li:nth-child(5) a { background: #601985}
	.column06 ul.color li:nth-child(6) a { background: #ff71a4}
	.column06 ul.color li:nth-child(7) a { background: #22ab38}
	.column06 ul.color li:nth-child(8) a { background: #f9ed00}
	.column06 ul.color li:nth-child(9) a { background: #e95514}
	.column06 ul.color li:nth-child(10) a { background: #727171}
	.column06 ul.color li p { font-size: 20px; font-weight: 400; margin: 5px auto 20px; padding-right: 5%; text-align: center}
	.column06 ul.bnnr { display: flex; flex-wrap: wrap; justify-content: space-between}
	.column06 ul.bnnr li { margin-bottom: 14px; width: 49.2%}
	.column06 ul.bnnr li:nth-chid(5), .column06 ul.bnnr li:nth-chid(6) { margin-bottom: 0}
	.column06 ul.bnnr li img { width: 100%; height: auto}

	/* キャンペーン第2-3段 */
	.column07 { margin: 0 auto 105px; position: relative;  }
	.column07 .inner { background: rgb(10,46,73); background: linear-gradient(50deg, rgba(10,46,73,1) 0%, rgba(42,18,50,1) 100%);
		margin: 0 auto; padding: 70px 0 30px; width: 780px}
	.column07 h3 { margin: 0 auto 10px; text-align: center; width: 95%}
	.column07 h3 img { width: 100%; height: auto}
	.column07 .text01 { font-size: 24px; line-height:1.7; margin: 0px auto 20px; text-align: center}
	.column07 .coming { margin: 0 auto 50px; width: 65.6%}
	.column07 .coming img { width: 100%; height: auto}
	.column07:before { content: url(/user_data/packages/ravijour/feature/aaa/images/bg05_pc.png); position: absolute; top: 50%; left: 50%;  transform: translate(-50%, -50%); pointer-events: none;　}

	/* 当選発表 */
	.column08 { margin: 0 auto 105px; position: relative;  }
	.column08 .inner { background: rgb(10,46,73); background: linear-gradient(50deg, rgba(10,46,73,1) 0%, rgba(42,18,50,1) 100%);
		margin: 0 auto; padding: 40px 0 50px; width: 780px}
	.column08 h3 { margin: 0 auto 30px; text-align: center; width: 95%}
	.column08 h3 img { width: 100%; height: auto}
	.column08 h4 { margin: 0 auto 20px; text-align: center; width: 83.5%}
	.column08 h4 img { width: 100%; height: auto}
	.column08 .text01 { font-size: 38px; font-weight: 500; letter-spacing: 0.2em; line-height: 1.5; margin: 0 auto 30px; text-align: center}
	.column08 .text02 { font-size: 20px; font-weight: 500; line-height:1.7; margin: 0 auto 20px; text-align: center}
	.column08 .text03 { font-size: 25px; font-weight: 500; line-height:1.7; margin: 0 auto 20px; text-align: center}
	.column08 .text05 { font-size: 24px; font-weight: 500; letter-spacing: 0.2em; line-height:1.9; margin: 50px auto 20px; text-align: center; width: 86%}
	.column08 .text05 { display: flex; align-items: center}
	.column08 .text05:before,
	.column08 .text05:after { content: ""; height: 1px; flex-grow: 1; background-color: #fff}
	.column08 .text05:before { margin-right: 4rem}
	.column08 .text05:after { margin-left: 4rem}
	.column08 .text06 { font-size: 16px; font-weight: 500; line-height:1.9; margin: 0 auto; text-align: left; width: 86%}
	.column08:before { content: url(/user_data/packages/ravijour/feature/aaa/images/bg06_pc.png); position: absolute; top: 7%; left: 50%;  transform: translate(-50%, -50%); pointer-events: none;　}

	/* 当選後の流れ */
	.column10 { margin: 0 auto 105px; position: relative;  }
	.column10 .inner { background: rgb(10,46,73); background: linear-gradient(50deg, rgba(10,46,73,1) 0%, rgba(42,18,50,1) 100%);
		margin: 0 auto; padding: 40px 0 50px; width: 780px}
	.column10 h3 { margin: 0 auto 30px; text-align: center; width: 95%}
	.column10 h3 img { width: 100%; height: auto}
	.column10 .text01 { font-size: 27px; font-weight: 500; letter-spacing: 0.2em; line-height: 1.5; margin: 0 auto 30px; text-align: center; position: relative}
	.column10 .text05 { font-size: 24px; font-weight: 500; letter-spacing: 0.2em; line-height:1.9; margin: 50px auto 20px; text-align: center; width: 86%}
	.column10 .text05 { display: flex; align-items: center}
	.column10 .text05:before,
	.column10 .text05:after { content: ""; height: 1px; flex-grow: 1; background-color: #fff}
	.column10 .text05:before { margin-right: 4rem}
	.column10 .text05:after { margin-left: 4rem}
	.column10 .text06 { font-size: 16px; font-weight: 500; line-height:1.9; margin: 0 auto; text-align: left; width: 86%}
	.column10:before { content: url(/user_data/packages/ravijour/feature/aaa/images/bg07_pc.png); position: absolute; top: 57%; left: 50%;  transform: translate(-50%, -50%); pointer-events: none;　}

	/* 注意事項 */
	.column09 { margin: 0 auto 105px; position: relative;  }
	.column09 .inner { background: rgb(10,46,73); background: linear-gradient(50deg, rgba(10,46,73,1) 0%, rgba(42,18,50,1) 100%);
		margin: 0 auto; padding: 40px 0 50px; width: 780px}
	.column09 h3 { margin: 0 auto 50px; text-align: center; width: 95%}
	.column09 h3 img { width: 100%; height: auto}
	.column09 .text06 { font-size: 16px; font-weight: 500; line-height:1.9; margin: 0 auto; text-align: left; width: 86%; position: relative}
	.column09:before { content: url(/user_data/packages/ravijour/feature/aaa/images/bg08_pc.png); position: absolute; top: 28%; left: 50%;  transform: translate(-50%, -50%); pointer-events: none;　}

	.wrapper p.credit { margin: 0 auto; width: 740px; font-size: 13px; font-weight: 500; line-height:1.7; text-align: left}

	.wrapper p.check { margin: 0 auto; text-align: center; width: 470px}
	.wrapper p.check a { background: #111; border: 1px solid #333; color: #fff; display: inline-block; font-size: 16px; font-weight: bold; letter-spacing: 0.05em; padding: 3.6%; position: relative; width: 470px; text-decoration: none; box-sizing: border-box; transition: background 1s ease}
	.wrapper p.check a:after { position: absolute; top: 0; bottom: 0; left: 92%; margin: auto; content: ""; vertical-align: middle; width: 8px; height: 8px; border: 1px solid; border-color: #fff #fff transparent transparent; transform: rotate(45deg); transition: all .4s}
	.wrapper p.check a:hover { background: #555; border: 1px solid #555; color: #fff; text-decoration: none}
	.wrapper p.check:hover a:after { left: 93%; border-color: #fff #fff transparent transparent}

	.mainVisual { width: 740px; margin: 0 auto; opacity: 0; position: relative;}
	.mainVisual { animation: fadein-main 2.5s ease 0.5s 1 forwards}
	.mainVisual h1 { margin: 0 auto; padding: 70px 0 12px; text-align: center; width: 695px}
	.mainVisual h1 img { width: 100%; height: auto}
	.mainVisual ul.slider { margin: 0 auto; width: 740px}
	.mainVisual ul.slider img { width: 100%; height: auto}
	.mainVisual .last-chance { position: absolute; top: 50px; right: -60px; transform: rotate(12deg);　}
	.mainVisual .last-chance img { width: 165px; height: auto}
	@-webkit-keyframes fadein-main {
		100%  { opacity: 1} 
	}
	@keyframes fadein-main {
		100%  { opacity: 1} 
	}
}