@charset "utf-8";/*共通CSS start*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){
.siteMain {padding-left:250px;}
}
/*共通CSS end*/.lp_clane, .lp_clane p, .lp_clane li  {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:400;
	font-size:min(1.6vw, 24px);
}
.lp_clane, .lp_clane p, .lp_clane li {
	line-height: 1.8;
}

.lp_clane .uline {
	text-decoration: underline;
}

.lp_clane img.bflame {
	border:1px solid #000;
}


@media only screen and (max-width: 750px) {
  .lp_clane, .lp_clane p, .lp_clane li  {
    font-size:3.6vw;
  }
  .lp_clane .contbox, .lp_clane_title {
    padding-left:10px;
    padding-right:10px;
  }
}


/* .lp_clane_title ------------------------------------------- */
.lp_clane_title {
	margin: 150px auto 80px;
}

.lp_clane_title h2 {
	font-family: 'Noto Serif JP', serif;
	font-size: 270%;
	margin:50px auto 100px;
}

@media only screen and (max-width: 950px) {
  .lp_clane_title {
    margin: 150px auto 80px;
  }
	.lp_clane_title h2 {
    font-size: 350%;
		margin:25px auto 50px;
	}
  .lp_clane_title img.logo {
    width:25%;
  }
}
@media only screen and (max-width: 750px) {
	.lp_clane_title {
		margin: 40px 10px 30px;
	}
	.lp_clane_title h2 {
    font-size: 170%;
    margin:15px auto 50px;
	}
}



/* .content ------------------------------------------- */
.lp_clane .content {
	text-align:center;
	margin:100px auto;
	position: relative;
	max-width:1000px;
}
.lp_clane .contbox {
	margin:100px 0 0;
}

.lp_clane h3 {
	font-size:140%;
}

.lp_clane .btn-txt {
	margin:100px auto;
	font-size:min(1.2vw, 20px);
}


@media only screen and (max-width: 750px) {
  .lp_clane .content {
    margin:50px auto;
  }
  .lp_clane .contbox {
    margin:50px 0 0;
  }
  .lp_clane h3  {
    font-size:110%;
  }
  .lp_clane .btn-txt {
    margin:100px auto;
    font-size:2.7vw;
  }
}



/* intro ------------------------ */

.lp_clane #intro p {
	margin-top:20px;
}
.lp_clane #intro p.t1 {
	font-size: 120%;
}
.lp_clane #intro p.t2 {
	font-size: 100%;
}

.lp_clane #intro .btn-b {
	margin:80px auto 20px;
}

@media only screen and (max-width: 750px) {
	.lp_clane #intro p {
		margin-top:10px;
	}
  .lp_clane #intro p.t1 {
    font-size: 90%;
  }
  .lp_clane #intro p.t2 {
    font-size: 75%;
  }
  .lp_clane #intro .btn-b {
    margin:40px auto 10px;
  }

}

/* 会員ステージ表 ------------------------ */

.lp_clane #stage .tablebox {
	margin:30px auto 10px;
}

.lp_clane #stage .tablebox table {
	width:100%;
}

.lp_clane #stage .tablebox td {
	border-bottom:solid 1px #000;
	border-right:solid 1px #000;
	padding:4px;
	text-align: center;
	vertical-align: middle;
	height:120px;
	line-height: 1.8;
}
.lp_clane #stage .tablebox td:first-child {border-left:solid 2px #000;}
.lp_clane #stage .tablebox td:last-child {border-right:solid 2px #000;}
.lp_clane #stage .tablebox tr.rank td {border-top:solid 2px #000;}
.lp_clane #stage .tablebox tr.shipping td {border-bottom:solid 2px #000;}

.lp_clane #stage .tablebox td {
	font-size:18px;
	width:16%;
}
.lp_clane #stage .tablebox td:first-child {
	font-weight: normal;
	font-size:16px;
	width:20%;
}

.lp_clane #stage .tablebox span.small,
.lp_clane #stage .tablebox span.small2 {
	font-size:15px;
}
.lp_clane #stage .tablebox span.big {
	font-size:22px;
}

.lp_clane #stage .tablebox tr.rank td {
	font-size:20px;
	color:#fff;
}
.lp_clane #stage .tablebox td#bronze {background:#814e21;}
.lp_clane #stage .tablebox td#silver {background:#727071;}
.lp_clane #stage .tablebox td#gold {background:#f8b62a; color:#000;}
.lp_clane #stage .tablebox td#platinum {background:#b6b6b6; color:#000;}
.lp_clane #stage .tablebox td#diamond {background:#000000;}


@media only screen and (max-width: 750px) {
  .lp_clane #stage .tablebox {
    margin:15px 10px 10px;
  }
  .lp_clane #stage .tablebox table {
    width:620px;
    margin:0 auto;
  }
	
  .lp_clane #stage .slider {
    overflow: auto;
  }
	.lp_clane #stage .tablebox .slider-fix {
		position:sticky;
		left:0px;
		width:150px;
		background:#fff;
	}
  .lp_clane #stage .tablebox td {
    font-size:max(2.2vw, 14px);
    width:100px;
		height:84px;
		padding:2px;
  }
  .lp_clane #stage .tablebox td:first-child {
    font-size:12px;
    width:120px;
  }
  .lp_clane #stage .tablebox span.small {
    font-size:12px;
  }
  .lp_clane #stage .tablebox span.small2 {
    font-size:10px;
  }
  .lp_clane #stage .tablebox span.big {
    font-size:16px;
  }

  .lp_clane #stage .tablebox tr.rank td {
    font-size:16px;
  }
}


/* 注意書き ------------------------ */

.lp_clane #caution {
	margin:100px 30px 0;
	text-align: left;
}

.lp_clane #caution p, .lp_clane #caution li {
	font-size:min(1.4vw, 24px);
	line-height:1.8;
}
.lp_clane #caution p {
	margin-top:min(2vw, 36px);
}
.lp_clane #caution .sttl {
	display: block;
}

.lp_clane #caution ul {
	margin:0 0 10px;
	padding:0;
}
.lp_clane #caution li {
	list-style: none;
	margin:0 0 0 20px;
	text-indent: -20px;
	padding:0;
}
.lp_clane #caution li::before {
	display: inline;
	content:"※";
}


/*applink*/
.lp_clane #caution .applink {
	margin:10px auto 60px 20px;
}
.lp_clane #caution .applink img {
	width:30%;
	max-width:292px;
}
.lp_clane #caution .applink a#appstore {
	margin-right:5%;
}


@media only screen and (max-width: 750px) {
  .lp_clane #caution {
    margin:50px 0 0;
  }
  .lp_clane #caution p, .lp_clane #caution li {
    font-size:3vw;
    line-height:1.8;
  }
  .lp_clane #caution p {
    margin-top:4vw;
  }
  .lp_clane #caution .sttl {
    display: block;
  }
  .lp_clane #caution ul {
    margin:0;
    padding:0;
  }
  .lp_clane #caution li {
    list-style: none;
    margin:0 0 0 3vw;
    text-indent: -3vw;
    padding:0;
  }

	/*applink*/
  .lp_clane #caution .applink {
    margin:6px auto 30px 10px;
  }
  .lp_clane #caution .applink img {
    width:40%;
  }

}