body{font-size: 16px;background: #08084f;}

@media screen and (min-width: 813px) {
 .wrapper {
  background-attachment: fixed;
 }
}
/*------------------------------
共通_PC
------------------------------*/
#wrapper{margin-bottom: 100px;background: #000;min-width: unset;}
.totop{display: none!important;}
img {
  max-width: 100%;
}

.pc {
  display: block;
}

.sp {
  display: none;
}
a:hover{filter: saturate(150%);
  transition: filter 0.3s ease;
}
/*------------------------------
追従btn_PC
------------------------------*/
#entry-btn.disabled {
  pointer-events: none;
	filter: grayscale(50%);

}
#entry-block {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #00000091;
  z-index: 1000;
  padding: 10px 0;
  box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
  text-align: center;
  display: none; /* 最初は非表示 */
}
#entry-block a{display: block;max-width: 600px;margin: 0 auto;width: 90%;}
/*------------------------------
Header_PC
------------------------------*/
.header{background: #000;padding: 10px 10px 0;    position: relative;
    z-index: 99;}
.header a{    max-width: 200px;
    margin: 10px;
    padding-top: 10px;
    display: block;
    width: 30%;}
/*------------------------------
FV_PC
------------------------------*/
#fv{background:#08084f;}
#fv h1{        font-family: "ruika", sans-serif;font-size: clamp(20px, 6vw, 75px);
    font-weight: 500;
    font-style: normal;
    color: #fff;
    text-shadow: 0px -1px 10px rgb(255 0 39), 0px 5px 10px rgb(0 72 255);
    margin: -20px auto 0;
    position: relative;
    width: 100%;
    padding: 0 0 0.6em;font-size: clamp(20px, 5.5vw, 50px);
	background: #000;
}
#fv h1::before{content: '';
    display: block;
    position: absolute;
    background: linear-gradient(to right, #2f18c1 0%, #5f2c8d 50%, #ff003e 100%);
    height: 10px;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;}
#fv h2{max-width: 1200px;margin: 30px auto 0;}
.btn_end{
  pointer-events: none;
}
/*------------------------------
キャンペーン内容_PC
------------------------------*/
#info{background: #08084f;padding: 1% 5%;
    margin: 0 auto;}
#info .info_inner{    max-width: 1090px;
    margin: 2em auto 5%;
    border: solid #fff 12px;
    padding: 0 3% 3%;
    text-align: center;
    border-radius: 16px;}
#info h3{margin: 2em auto 1em;font-weight: bold; font-size: 3vw; font-size: clamp(20px, 3vw, 30px);text-shadow: 0px -1px 10px rgb(203 20 48), 0px 1px 10px rgb(56 95 194);}
#info p{margin: 0.5em auto;
	text-indent: -1em;
    padding-left: 1em;
    font-size: clamp(14px, 2.5vw, 22px);line-height: 1.35em;}
#info ul{text-align: left;
    max-width: 1000px;
    margin: 0 auto;}
#info li{text-indent: -1em;padding-left:1em;line-height: 1.35em;font-size: clamp(14px, 2.4vw, 22px);    text-align: justify;}
#info li + li{margin-top: 0.5em;}

/*------------------------------
規約_PC
------------------------------*/
#info .kiyaku_scroll{    line-height: 1.35em;margin: 3em auto 1em;text-align: left;
    max-width: 1000px;
    background: #49494b;
    padding: 1em;
    overflow: scroll;
    overflow-y: auto;
    overflow-x: hidden;
    height: 200px;}
#info .kiyaku_scroll h4{font-size: 1.2em;font-weight: bold;}
#info .kiyaku_scroll p{font-size: 1em;}
#info .kiyaku_scroll ul{font-size: 1em;}
#info .kiyaku_scroll ul li{font-size: 1em;}
#info .kiyaku_scroll ul li + li{margin-top: 0.2em;}
#info .kiyaku_scroll p{font-size: 1em;}
/*------------------------------
共通_SP
------------------------------*/

@media screen and (max-width: 812px) {
	.pc {
		display: none;}
	.sp{display: block;}
/*------------------------------
FV_SP
------------------------------*/
	#fv h1{        margin: 0px auto;padding: 0 0 1em;}
	#fv h1::before{display: none;}
	
	#fv h2 {
    margin: 0;
}
/*------------------------------
キャンペーン内容_SP
------------------------------*/
	#info p{    text-indent: -1em;
    padding-left: 1em;}
	#info .kiyaku_scroll{font-size: 0.75em;}
	#info .info_inner{border: solid #fff 6px;}

}