@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

/* ------------------------------------------------------------
  Reset
------------------------------------------------------------ */
/* line-height */
#au_22-23_sns h1, #au_22-23_sns h2, #au_22-23_sns h3, #au_22-23_sns h4 {
		line-height: 1.5;
}

@media (min-width: 818px){
	html body .container {
		width:100%;
		max-width: 818px;
	}
}
/* ------------------------------------------------------------
  Base
------------------------------------------------------------ */

#au_22-23_sns {
		font-size: 14px;
		line-height: 1.8;
		overflow:hidden;
}
#au_22-23_sns .mb0 {
	margin-bottom:0;
}
#au_22-23_sns .mt0 {
	margin-top:0;
}
#au_22-23_sns .mt10 {
	margin-top:10px;
}
#au_22-23_sns .mb40 {
	margin-bottom:40px;
}
.mt1em,
#au_22-23_sns .mt1em {
	margin-top:1em;
}
#au_22-23_sns .mt2em {
	margin-top:2em;
}
#au_22-23_sns .mt40 {
	margin-top:40px;
}
#au_22-23_sns .inner_wrap {
		max-width: 960px;
		width: 98%;
		margin: 0 auto 0;
}
@media only screen and (max-width: 970px) {
#au_22-23_sns .inner_wrap {
		max-width: none;
		width: 100%;
		padding-left:2%;
		padding-right:2%;
		box-sizing:border-box;
}
}
@media only screen and (max-width: 767px) {
#au_22-23_sns .inner_wrap {
		padding-left:0;
		padding-right:0;
}
}
.tx-c {
		text-align: center !important;
		margin: 0 auto;
}
.tx_ul {
	text-decoration:underline;
}
.mg_t0 { margin-top:0 !important}

/* font */
#au_22-23_sns .font-roboto {
		font-family: 'Roboto', sans-serif;
}

/* hover */
@media only screen and (min-width: 768px) {

#au_22-23_sns a:hover {
		opacity: 0.8;
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
}
}

/* display */
#au_22-23_sns .sm-pc {
		display: none !important;
}
@media only screen and (min-width: 768px) {

#au_22-23_sns .sm-pc {
		display: inline-block !important;
}

#au_22-23_sns .sm-sp {
		display: none !important;
}
}
@media only screen and (max-width: 816px) {
#au_22-23_sns .w_sp {
	width:96%;
	margin-left:auto;
	margin-right:auto;
	overflow:visible;
}
/*
#au_22-23_sns h2.h-bg-r{
margin-left:-10%;
margin-right:-10%;
}
*/
}


/* ------------------------------------------------------------
  Hero
------------------------------------------------------------ */
.au_22-23_sns__hero img {
		width: 100%;
		height: auto;
		vertical-align: bottom;
}

.au_22-23_sns__hero h1, .au_22-23_sns__hero p {
		margin: 0;
		padding: 0;
}
.au_22-23_sns__hero {
	margin-top:20px;
}

@media only screen and (min-width: 990px) {

.au_22-23_sns__hero {
		width: 1200px;
		margin:20px auto 0;
		max-width: 100%;
}
}
@media only screen and (max-width: 767px) {
.au_22-23_sns__hero {
		margin-top:0;
}
}

.point_wp {
	margin-bottom:50px;
}
@media only screen and (min-width: 768px) {
	#au_22-23_sns .p_btn div{
		text-align:center;
	}
	#au_22-23_sns .p_btn div:last-child > img:first-child {
		max-width:60%;
		margin:25px 9% 5px 0;
	}
}
#au_22-23_sns .p_btn > div > a{
	margin:1% 9% 3% 0;
	display:inline-block;
}
@media only screen and (max-width: 767px) {
	.p_btn, .p_btn div:first-child, .p_btn div:last-child {
		display:block !important;
		width:auto !important;
	}
	.p_btn div:last-child{
		width:100%;
		padding:0 3vw 2vw;
		text-align:center;
	}
}


/* ------------------------------------------------------------
  Entry
------------------------------------------------------------ */
#au_22-23_sns .block_anniversary-yoko {
		word-break: break-all;
		margin: 25px 0 30px;
}

#au_22-23_sns .block_anniversary-yoko img {
		width: 100%;
		height: auto;
}

#au_22-23_sns .block_anniversary-yoko .yoko-title {
		text-align: center;
		color: #fff;
		padding: 10px 0;
		background: #333333;
		/*font-size: 25px;*/
		font-size: 22px;
		/*font-weight: 600;*/
		font-weight: normal;
}

#au_22-23_sns .dl_campaign-yoko {
/*		overflow: hidden; */
		padding: 20px 0 30px;
		margin: 0;
		border-bottom:1px solid #000;
		height:auto;
}

#au_22-23_sns .dl_campaign-yoko + #au_22-23_sns .dl_campaign-yoko {
		/*border-top: solid 1px #c2c2c2;*/
		padding: 20px 0;
}

#au_22-23_sns .once-text {
		font-size: 18px;
		line-height: 1.4;
		text-align: left;
		font-weight: bold;
		/*margin-bottom:10px !important;*/
		/*margin-top:20px;*/
}

#au_22-23_sns .tx-c {
		/*max-width: 489px;*/
		width:100%;
}

#au_22-23_sns .dl_campaign-yoko dt {
		display: block;
		/*float: left;*/
		/*width: 11em;*/
		margin: 0;
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 5px;
		/*padding-left: 0.8em;
		font-size: 18px;*/
		font-weight: bold;
}

#au_22-23_sns .dl_campaign-yoko dd {
		display: block;
		/*width: calc(100% - 9em);*/
		margin: 0;
		padding: 0;
		line-height: 1.8;
		font-size:16px;
		font-size:min(16px, 4.7vw);
		font-weight: normal;
}
#au_22-23_sns span.mail-txt,
#au_22-23_sns .dl_campaign-yoko span.mail-txt,
.section-kiyaku span.mail-txt{
		color: #ef491b;
		font-weight: bold;
		white-space:nowrap;
}

#au_22-23_sns .confirm-link {
		text-align: center;
}

#au_22-23_sns .confirm-link a {
		font-size: 150%;
		line-height: 1.6em;
		text-decoration: underline !important;
		color: #0033cc;
}

#au_22-23_sns .info-txt {
		text-align: left;
		list-style: none;
		padding: 0;
}

@media only screen and (max-width: 767px) {
	#au_22-23_sns .h-bg-r{
		font-size:4.5vw;
		line-height:2;
		margin-bottom:4vw;
	}
	#au_22-23_sns .h-bg-r + .dl_campaign-yoko{
		padding-top:10px;
	}
	#au_22-23_sns .dl_campaign-yoko dt {
		/*	font-size:18px; */
		margin-bottom:2vw !important;
	}
	#au_22-23_sns .dl_campaign-yoko dd {
		line-height:1.8;
	}

}




#au_22-23_sns .tx-orange {
		color: #cd5c29;
		font-weight: bold;
}

#au_22-23_sns .dl_cond {
	line-height:1.4;
}
#au_22-23_sns .sm {
	font-size:14px;
	font-size:min(14px, 3.7vw);
}

#au_22-23_sns .sl {
	font-size:15px;
	font-size:min(15px, 4vw);
}

#au_22-23_sns .mtSec {
	margin-top:90px;
}
/*-----------------------------------------------------------------
																前書き
-----------------------------------------------------------------*/

#au_22-23_sns div#intro h2{
	font-size:2em;
	font-size:min(2em, 3.8vw);
	font-weight:bold;
	color:#389aef;
	letter-spacing:0;
}

#au_22-23_sns div#intro p{
	font-size:min(16px, 3.6vw);
}
/*-----------------------------------------------------------------
																期間
-----------------------------------------------------------------*/

#au_22-23_sns #kikan{
	position:relative;
	text-align:right;
	margin-top:30px;
	border:1px solid #000;
	overflow:hidden;
	background:url(../img/kikan.png) center center no-repeat, linear-gradient(to right, #000, #000 50%, #fff 50%);
	background-size:calc(100% + 4px) auto;
}

#au_22-23_sns #kikan img{
	display:block;
	width:calc(100% + 4px);
	height:auto;
	margin:-2px;
	border:none;
}


@media only screen and (max-width: 767px) {
	#au_22-23_sns #kikan{
		width:100%;
		margin-left:auto;
		margin-right:auto;
		border:2px solid #000;
		background:url(../img/kikan_s.png) center center no-repeat, linear-gradient(to bottom, #000, #000 55%, #fff 55%);
		background-size:calc(100% + 4px) auto;
	}
	#au_22-23_sns #kikan img{
		display:block;
	}
}



/*-----------------------------------------------------------------
													賞品 クオ・カード ペイ
-----------------------------------------------------------------*/

#au_22-23_sns #cpprize,
#au_22-23_sns #prize_about{
	border:1px solid #ccc;
	padding:0 20px 0 30%;
	text-align:right;
	vertical-align:middle;
	position:relative;
	margin:30px 0;
	font-size:16px;
	line-height:1.6;
}
#au_22-23_sns #cpprize > h2{
	display:block;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:70%;
	padding:0 25px 0 0;
	margin:0;
	overflow:hidden;
	font-size:18px;
	line-height:1.8em;
}

#au_22-23_sns #prize_about > h2{
	display:block;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:71%;
	padding:0 25px 0 0;
	margin:0;
	overflow:hidden;
	font-size:18px;
	line-height:1.8em;
}

#au_22-23_sns #cpprize > h2:before,
#au_22-23_sns #cpprize > h2:after{
	content:"";
	display:block;
	position:absolute;
	top:50%;
	width:0;
	height:0;
	transform:translate(0, -50%);
	border:170px solid transparent;
	border-right:0px solid transparent;
}
#au_22-23_sns #prize_about > h2:before,
#au_22-23_sns #prize_about > h2:after{
	content:"";
	display:block;
	position:absolute;
	top:50%;
	width:0;
	height:0;
	transform:translate(0, -50%);
	border:150px solid transparent;
	border-right:0px solid transparent;
}
#au_22-23_sns #cpprize > h2:before{
	right:0;
	border-left:50px solid #ccc;
}
#au_22-23_sns #cpprize > h2:after{
	right:1px;
	border-left:50px solid #fff;
}

#au_22-23_sns #prize_about > h2:before{
	right:0;
	border-left:50px solid #ccc;
}
#au_22-23_sns #prize_about > h2:after{
	right:1px;
	border-left:50px solid #fff;
}

#au_22-23_sns #cpprize > h2 span{
	display:block;
	position:absolute;
	width:70%;
	top:50%;
	left:13%;
	transform:translate(0, -50%);
	font-weight:bold;
	text-align:center;
	z-index:2;
}
#au_22-23_sns #prize_about > h2 span{
	display:block;
	position:absolute;
	width:90%;
	top:50%;
	left:3%;
	transform:translate(0, -50%);
	font-weight:bold;
	text-align:center;
	z-index:2;
}
#au_22-23_sns #cpprize > h2 span img{
	display:block;
}
#au_22-23_sns #cpprize > span{
	display:inline-block;
	vertical-align:bottom;
	text-align:center;
	padding:1.5em 0;
	/*margin-bottom:25px;*/
	position:relative;
	z-index:1;
	width:98%;
}

#au_22-23_sns #cpprize > span:first-of-type > span:last-of-type,
#au_22-23_sns #prize_about > span{
	display:inline-block;
	text-align:left;
	font-size:inherit;
	width:auto;
	height:auto;
	transform:none;
	position:static;
}

#au_22-23_sns #prize_about > span:first-of-type{
	width:60%;
	padding:0.5em 5% 0.5em 1%;
	box-sizing:border-box;
	vertical-align:middle;
	font-size:85%;
	line-height:1.5;
}

#au_22-23_sns #prize_about > span:last-of-type{
	width:40%;
	vertical-align:middle;
	text-align:center;
}

#au_22-23_sns #prize_about > span:last-of-type a{
	display:inline-block;
	bottom:10px;
	width:100%;
	background-color:#0079d6;
	color:#fff;
	line-height:2.5em;
	height:2.5em;
	text-align:center;
	padding:0;
}

#au_22-23_sns #cpprize > span > strong:last-of-type{
	border:1px solid #389aef;
	color:#389aef;
	font-size:16px;
	font-size:min(14px, 4vw) !important;
	display:block;
	line-height:1.6 !important;
	margin-top:20px;
	padding:0.5em 0 0.4em 0;
}

#au_22-23_sns #cpprize > span:last-of-type > strong:last-of-type{
	margin-top:2em;
	clear:both;
}

#au_22-23_sns #cpprize > span img{
	width:35%;
	float:left;
	margin:4em 0 0 3.5em;
}

#au_22-23_sns #cpprize > span strong{
	font-size:137%;
}

#au_22-23_sns #cpprize > span > strong:nth-of-type(1){
	margin-top:0;
	display:inline-block;
}
/*
#au_22-23_sns #cpprize > span:first-of-type > span{
display:inline-block;
position:absolute;
width:60px;
width:min(60px, 6vw);
height:60px;
height:min(60px, 6vw);
background:url("../img/tri.svg") center center no-repeat;
background-size:contain;
right:0;
top:50%;
transform:translate(0, -50%);
font-size:1px;
z-index:2;
}*/
#au_22-23_sns #cpprize > p{
	position:absolute;
	right:10px; 
	bottom:5px;
	line-height:1.5;
	margin:0;
	padding:0;
	font-size:77%;
}

@media only screen and (max-width: 767px) {
	#au_22-23_sns #cpprize,
	#au_22-23_sns #prize_about{
		margin:35px auto 0 auto;
		padding:0 7vw 7vw 7vw;
		position:relative;
		overflow:hidden;
	}
	#au_22-23_sns #cpprize > h2,
	#au_22-23_sns #prize_about > h2{
		position:relative;
		height:15vw;
		padding:0;
		z-index:2;
		overflow:visible;
		text-align:center;
		margin-bottom:5vw;
	}
	#au_22-23_sns #cpprize > h2 span{
		z-index:3;
		left:15%;
		text-align:center;
	}
	#au_22-23_sns #prize_about > h2 span{
		z-index:3;
		text-align:center;
	}
	#au_22-23_sns #cpprize > h2 span > img{
		display:inline-block;
		width:40%;
		margin:1em auto 1.25em auto;
	}
	#au_22-23_sns #cpprize > h2:before,
	#au_22-23_sns #cpprize > h2:after,
	#au_22-23_sns #prize_about > h2:before,
	#au_22-23_sns #prize_about > h2:after{
		content:"";
		display:block;
		position:absolute;
		top:auto;
		left:50%;
		width:0;
		height:0;
		transform:translate(-50%, 0);
		border:50vw solid transparent;
		border-bottom:0px solid transparent;
	}
	#au_22-23_sns #cpprize > h2:before,
	#au_22-23_sns #prize_about > h2:before{
		bottom:0;
		border-top:5vw solid #ccc;
	}
	#au_22-23_sns #cpprize > h2:after,
	#au_22-23_sns #prize_about > h2:after{
		bottom:1px;
		border-top:5vw solid #fff;
	}
	#au_22-23_sns #cpprize img{
		float:none !important;
		width:60% !important;
		position:relative;
		z-index:1;
		margin-top:2vw;
		margin-bottom:5vw;
		margin-left:0 !important;
		width:80%;
	}
	#au_22-23_sns #cpprize > span,
	#au_22-23_sns #prize_about > span{
		font-size:min(16px, 4.5vw);
	}
	#au_22-23_sns #cpprize > span:first-of-type,
	#au_22-23_sns #cpprize > span:last-of-type,
	#au_22-23_sns #prize_about > span:first-of-type,
	#au_22-23_sns #prize_about > span:last-of-type{
		width:100%;
		padding:0;
		position:relative;
		display:block;
		text-align:center;
		margin:0;
	}
	#au_22-23_sns #prize_about > span:first-of-type{
		margin-bottom:4vw;
		text-align:left;
	}
	/*#au_22-23_sns #cpprize > span:first-of-type > span{
		display:block;
		position:relative;
		width:100%;
		height:40px;
		height:min(40px, 6.5vw);
		background:url("../img/tri_sp.svg") center center no-repeat;
		background-size:contain;
		right:auto;
		top:auto;
		margin:10vw 0 6vw 0;
		transform:translate(0);
		font-size:1px;
		z-index:2;
	}*/
	#au_22-23_sns #cpprize > span img{
		margin:1em 0;
	}
	#au_22-23_sns #cpprize > span strong{
		font-size:130%;
		display:inline-block;
	}
	#au_22-23_sns #cpprize > span:last-of-type > strong:last-of-type{
		margin-top:20px;
	}
	/*#au_22-23_sns #cpprize > span:last-of-type strong:nth-of-type(1){
		font-size:225%;
		line-height:1.5em;
	}*/
	#au_22-23_sns #cpprize > p{
		right:0;
		bottom:4vw;
		font-size:min(13px, 3.1vw);
		text-align:center;
		width:100%;
	}
}


/*-----------------------------------------------------------------
													キャンペーン応募方法
-----------------------------------------------------------------*/

#au_22-23_sns .dp_h {
	text-align:center;
	font-size:20px;
	font-weight:normal;
	border-bottom:2px solid #f61039;
	border-top:2px solid #f61039;
	color:#f61039;
	line-height:1.6;
	margin-top:1em;
	margin-bottom:1em;
}
#au_22-23_sns .dp_step_wrap{
	padding:0 3.7%;
	box-sizing:border-box;
}

#au_22-23_sns .dp_step{
	display:flex;
	gap:20px;
	list-style:none;
	width:100%;
	margin:0;
	padding:0;
	box-sizing:border-box;
}
#au_22-23_sns .dp_step li {
	list-style:none;
	margin:0;
	padding:10px 10px 5.5em 10px;
	position:relative;
	/* width:calc(100% / 3); */
	width:50%;
	font-size:14px;
	border:1px solid #ccc;
	box-sizing:border-box;
	overflow:hidden;
	text-align:center;
}
#au_22-23_sns .dp_step li a{
	display:block;
	position:absolute;
	bottom:10px;
	width:calc(100% - 20px);
	background-color:#0079d6;
	color:#fff;
	line-height:3.5em;
	height:3.5em;
	text-align:center;
	padding:0 10px 0 0;
}

/*#au_22-23_sns .dp_step li a:after{
	content:"";
	display:inline-block;
	width:1.5em;
	height:1em;
	background:url(../img/icon_blank.png) center center no-repeat;
	background-size:contain;
	vertical-align:middle;
	position:absolute;
	right:10px;
	top:50%;
	transform:translate(0, -50%);
}*/
#au_22-23_sns .dp_step li div > strong{
	display:inline-block;
	font-size:15px;
	font-weight:bold;
	margin-bottom:0.5em;
}
#au_22-23_sns .dp_step li div {
	vertical-align:top;
}
#au_22-23_sns .dp_step li div.sm {
	font-size:12px;
	font-size:min(12px, 3.4vw);
	margin-top:2px;
	line-height:1.8em;
}
#au_22-23_sns .dp_step li div:nth-of-type(1) span {
	text-align:center;
	display:block;
	margin:-11px -11px 0 -11px;
	position:relative;
	padding:10px 0 0 0;
	background:#000;
	line-height:3em;
	height:3em;
	font-size:1em;
}
#au_22-23_sns .dp_step li div:nth-of-type(2){
font-size:14px;
text-align:center;
margin-top:1px;
padding:15px 5px 10px 5px;
}

#au_22-23_sns .dp_step li div:nth-of-type(2) span{
	white-space:nowrap;
}

#au_22-23_sns .dp_step li div:nth-of-type(1) span img{
	width:auto;
	max-width:19%; /* 2分割用 */
	/* max-width:30%; */ /* 3分割用 */
	height:auto;
	vertical-align:top;
	display:block;
	margin:0 auto;
}

#au_22-23_sns .dp_step li img{
	max-width:70%;
	height:auto;
	width:auto;
	margin:2em auto;
}
#au_22-23_sns .dp_step li:nth-of-type(1) > img{
	margin:1.4em auto 0.5em auto;
}


#au_22-23_sns .point_wp > p{
	margin-top:1em;
}

@media only screen and (max-width: 767px) {
	#au_22-23_sns .dp_h {
		font-size:4vw;
	}
	#au_22-23_sns .point_wp > p{
		padding:0 2vw;
	}

	#au_22-23_sns .dp_step {
		flex-wrap:wrap;
		padding:0;
		display:block;
		max-width:100%;
		margin-left:auto;
		margin-right:auto;
		margin-top:5vw;
	}
	#au_22-23_sns .dp_step li{
		width:100%;
		position:relative;
		display:block;
		padding:0 3.5vw 3.5vw 3.5vw;
		text-align:center;
		margin:0 0 5vw 0;
	}
	#au_22-23_sns .dp_step li > img{
		height:30vw;
		max-width:initial;
		bottom:1vw;
		z-index:1;
	}
	#au_22-23_sns .dp_step li a{
		position:relative;
		margin-left:auto;
		margin-right:auto;
		transform:translate(0);
		bottom:auto;
		width:100%;
		margin-top:0.5em;
	}
	#au_22-23_sns .dp_step li div{
		width:100%;
		display:block;
		padding:0;
		position:relative;
		z-index:2;
		text-align:left;
	}
	#au_22-23_sns .dp_step li div.txt-c{
		padding-bottom:0.5em;
	}
	#au_22-23_sns .dp_step li div:nth-of-type(1) span {
		margin:0;
		position:relative;
		overflow:visible;
		height:auto;
		line-height:2;
	}
	#au_22-23_sns .dp_step li div:nth-of-type(1) {
		width:auto;
		margin:0 -3.5vw;
		padding-bottom:2vw;
	}
	#au_22-23_sns .dp_step li div:nth-of-type(2){
		border:none;
		font-size:1em;
		font-size:min(1em, 4vw);
		line-height:1.5em;
		padding:5px 0 10px 0;
		word-break:break-all;
		white-space:normal;
	}
	#au_22-23_sns .dp_step li div:nth-of-type(2) span{
		white-space:nowrap;
	}
	#au_22-23_sns .dp_step li div:nth-of-type(1) span{
		padding:0;
		line-height:8vw;
		height:8.5vw;
	}
	#au_22-23_sns .dp_step li div:nth-of-type(1) span img{
		max-height:3.5vw;
		max-width:initial;
		vertical-align:middle;
		display:inline-block;
	}
}


/*-----------------------------------------------------------------
													modal
-----------------------------------------------------------------*/
#au_22-23_sns .modal-open:hover {
		cursor: pointer;
}

#modal-overlay {
		display: none;
		position: fixed;
		top:0px;
		left: 0;
		width: 100%;
		max-width:100%;
		height: 100%;
		background-color: rgba( 0,0,0, 0.6 );
		
 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#66ffffff, EndColorStr=#66ffffff);/*IE8以下用*/
}

#au_22-23_sns .modal-content {
		margin: 0;
		position: fixed;
		display: none;
		z-index: 10000;
		top: -webkit-calc(50% - 244px);
		top: calc(50% - 244px);
		left: -webkit-calc(50% - 0px);
		left: calc(50% - 0px);
			width: 90%;
			max-width:811px;
			margin-top:2%;
}

/* ウィンドウの中身 */
#au_22-23_sns .modal-content .m_inn {
		min-height: 100px;
		background: #fff;
		position: relative;
		overflow: auto;
		width: 100%;
		max-width: 810px;
		margin: 10px auto 10px;
}

#au_22-23_sns .modal-content .ws_mCont {
		max-width: 630px;
		margin: 10px auto;
		max-height: 70vh;
}

/* 閉じるボタン */
#au_22-23_sns .btn_close_m {
		position: absolute;
		top: -50px;
		right: 5px;
		cursor: hand;
		cursor: pointer;
}

#au_22-23_sns .btn_close_m:hover {
		opacity: 0.7;
}

#au_22-23_sns .btn_close_m img {
		width: 60%;
		height: auto;
}

#au_22-23_sns .modal-content h3 {
		text-align: center;
		font-size: 130%;
}

#au_22-23_sns .imei-box {
		display: table;
		width: 100%;
		margin-bottom: 30px;
		padding-bottom: 20px;
}

#au_22-23_sns .imei-box .imei-img {
		width: 40%;
		display: table-cell;
		vertical-align: middle;
}

#au_22-23_sns .imei-box .imei-img img {
		width: 100%;
		height: auto;
}

#au_22-23_sns .imei-box .imei-txt {
		width: 100%;
		padding-left: 10%;
		display: table-cell;
		vertical-align: middle;
		font-size: 130%;
		font-weight: bold;
		text-align:center;
}


#au_22-23_sns .imei-box .imei-txt.txt-l {
	text-align:left;
}
#au_22-23_sns .imei-box .imei-txt.txt-l4 {
	text-align:left;
}

#au_22-23_sns .list_disc {
		list-style: none;
		padding: 0;
		line-height: 1.8;
}

#au_22-23_sns .list_disc li {
		list-style:none;
		padding: 0 0 0px 1em;
		position: relative;
		text-indent:0;
}

#au_22-23_sns .list_disc li::before {
		content: '・';
		width:1em;
		margin-left:-1em;
		display:inline-block;
		text-align:center;
}
#au_22-23_sns .list_disc.kome li::before {
		content: '※';
}
#au_22-23_sns .imei-ttl {
	font-weight:bold;
}

@media all and (max-width:817px) {
#au_22-23_sns .imei-box .imei-txt.txt-l {
	text-align:center;
}

}

@media only screen and (min-width: 768px) {

#au_22-23_sns .confirm-link:before {
		content: '';
		background: url(../img/mail_icon.png) no-repeat;
		padding: 20px 40px;
}

#au_22-23_sns .info-txt {
		max-width: 54%;
		margin: 10px 0;
}

#au_22-23_sns .info-txt li {
		display: inline-block;
		text-align: left;
		list-style: none;
		padding: 0;
		font-size: 13px;
		line-height: 1.8;
}


#au_22-23_sns .imei-box.w-img .imei-img {
		width: 40%;
}
#au_22-23_sns .imei-box.w-img .imei-txt {
		padding-left: 5%;
}
}
@media all and (max-width:817px) {

#au_22-23_sns .inner_wrap {
		/*width: 94%;*/
		width: 100%;
		margin: 0 auto;
}

#au_22-23_sns .block_anniversary-yoko .yoko-title {
		width: 100%;
		padding: 7px 0;
		font-size: 18px;
}

#au_22-23_sns .dl_campaign-yoko dt, #au_22-23_sns .dl_campaign-yoko dd {
		float: none;
		width: 100%;
}
#au_22-23_sns .dl_campaign-yoko dt {
		padding: 0px;
		margin-bottom:20px;
}
#au_22-23_sns .dl_campaign-yoko{
		padding: 35px 0 35px;
}
#au_22-23_sns .block_anniversary-yoko .step-box {
		border: none;
		padding: 76px 0 10px;
		display: table;
		width: 100%;
}

#au_22-23_sns .block_anniversary-yoko .step-box .step-title {
		position: absolute;
		left: 0px;
		top: 0px;
		bottom: 0;
		width: 100%;
		text-align: center;
		font-size:145%;
		line-height:1.3em;
}

#au_22-23_sns .block_anniversary-yoko .step-box .step-img {
		position: inherit;
		left: 0px;
		top: 0px;
		display: table-cell;
		vertical-align: middle;
		width: 40%;
}

#au_22-23_sns .block_anniversary-yoko .step-box .step-txt {
		display: table-cell;
		vertical-align: middle;
		width: 60%;
		padding-left: 5%;
}

#au_22-23_sns .block_anniversary-yoko .step-box .step-txt.sp-imei {
		display: block;
		clear: both;
		width: 100%;
}

#au_22-23_sns .block_anniversary-yoko .step-box .tx-csp {
		text-align: center;
		margin:20px 0 auto;
		width:500px;
}


#au_22-23_sns .imei-box {
		width: 100%;
		display: block;
		text-align: center;
}

#au_22-23_sns .imei-box .imei-img {
		width: 50%;
		display: block;
		vertical-align: top;
		margin: 10px auto;
}

#au_22-23_sns .step-arrow {
		width: 40px;
		margin: 10px auto;
}

#au_22-23_sns .imei-box {
		display: table;
		width: 100%;
		margin-bottom: 10px;
		padding-bottom: 20px;
}

#au_22-23_sns .imei-box .tx-lsp {
		text-align: left;
}

#au_22-23_sns .list_disc li {
		padding: 0 0 7px 1.2em;
		line-height: 1.8;
		/*margin-top:1em;*/
}

#au_22-23_sns .modal-content {
						margin-top:14%;
}
#au_22-23_sns .modal-content .m_inn {
		height:70vh;
		margin:0px auto 0;
}

#au_22-23_sns .btn_close_m {
		position: absolute;
		top: -45px;
		right: 5px;
		text-align: right;
}

#au_22-23_sns .btn_close_m:hover {
		opacity: 0.7;
}

#au_22-23_sns .btn_close_m img {
		width: 40%;
		height: auto;
}
}

@media all and (min-width:641px) and (max-width:817px) {
#au_22-23_sns .modal-content {
		margin-top:0% !important;
}
}

a.icon_link::after {
	content:" ";
	padding-right:30px;
	background: url(../img/icon_link.gif) no-repeat !important; 
}

a.modal-open {
    color: #0033ff;
    text-decoration: underline;
}
a.modal-open::before {
		content: '＞';
}

.au_22-23_sns-wrap .icon_tell {
	font-size:30px !important;
	margin:0 !important;
}
.au_22-23_sns-wrap .icon_tell span {
	font-size:24px !important;
}

.au_22-23_sns-wrap .icon_tell::before {
	content:" ";
	padding-left:30px;
	background: url(../img/icon_phone.svg) no-repeat 50% !important;
	height:20px;
	background-size:contain !important;
	vertical-align:-5%;
}
.au_22-23_sns-wrap .icon_mail {
	padding:5px 0;
}
.au_22-23_sns-wrap .icon_mail a{
	display:block;
	max-width:420px;
	text-align:center;
	background-color:#0079d6;
	color:#fff;
	font-size:16px;
	font-size:min(16px, 4vw);
	line-height:3.5em;
	font-weight:normal;
	position:relative;
	padding-right:1em;
}
.au_22-23_sns-wrap .icon_mail a::before {
	content:"";
	padding-left:1.3em;
	height:1em;
	background: url(../img/icon_mail.svg) no-repeat 50% !important;
	background-size:contain !important;
	margin-right:0.5em;
}


.au_22-23_sns-wrap .icon_mail a::after {
	display:inline-block;
	content:"＞";
	line-height:3.5em;
	height:3.5em;
	position:absolute;
	right:1em;
}

.au_22-23_sns-wrap .dl_campaign-yoko .icon_mail{
	font-size:1.25em !important;
}
.au_22-23_sns-wrap .dl_campaign-yoko .icon_mail a{
	word-wrap:break-word;
	display:block;
	padding-left:0.25em;
	vertical-align:top;
}

.dl_campaign-yoko .once-text.icon_mail a span{
	white-space:nowrap;
}

.telephone span{ font-size:24px; }

@media all and (max-width:767px) {
	.dl_campaign-yoko .once-text.icon_tell span{
		font-size:1em !important;
		padding-left:0.15em;
	}
}

.txt-c {
	text-align:center !important;
}

@media all and (min-width:817px) {
.txt-c img {
	width:575px;
}

}

@media all and (max-width:816px) {
.txt-c img {
	width:100%;
	margin:0 !important;
}

#au_22-23_sns .dl_campaign-yoko {
    padding-left:0;
    padding-right:0;
}
#au_22-23_sns .once-text {
    font-size: 17px;
    text-align: left;
    font-weight: bold;
    /* margin-bottom: 10px !important; */
}

}

.tx13 {
	font-size:13px;
	margin-bottom:30px;
}

.bd-non {
	border:none !important;
}

.au_22-23_sns-wrap a {
     color: #ef491b; 
    /*text-decoration: none;*/
}

.au_22-23_sns-wrap a span.app_link{
    color:#666;
}

.txt_dec {
	text-decoration:underline;
}
.txt_col_bk {
	color:#000 !important;
}


/* ボタン */
.au_22-23_sns-wrap #aCourse .btn-lg,
.au_22-23_sns-wrap #onXperia .btn-lg {
	border:none !important;
	padding:0 !important;
}
.au_22-23_sns-wrap #aCourse .app-xlj,
.au_22-23_sns-wrap #onXperia .app-xlj {
	text-align:center;
}
.au_22-23_sns-wrap #aCourse .app-xlj img,
.au_22-23_sns-wrap #onXperia .app-xlj img {
	width:100%;
}
.au_22-23_sns-wrap .pre_txt {
	text-align:center;
	color:#F00;
}
@media all and (max-width:816px) {
.au_22-23_sns-wrap .pre_txt {
	margin-top:2em;
}
}
/*.visible-app {
	display:none !important;
}*/

.yoko-sub-title {
	font-size: 15px;
	margin: 12px 0;
}
.yoko-sub-title {
	text-align: center;
	padding: 6px 0;
	background: #eeeeee;
	font-size: 16px;
	font-weight: 600;
	margin: 20px 0;
}
.text-base-xljapp {
	display: flex;
	justify-content: start;
	align-items: center;
}
.lounge-image {
	width: 48px;
	display: inline-block;
	margin: 0 6px 0 0;
	padding-bottom: 4px;
}
.lounge-image {
	width: 44px;
	margin: 0 6px 0 0;
	padding-bottom: 2px;
}
.lounge-text {
	font-size: 14px;
}





/* ------------------------------------------------------------ */
/* 規約ページ */
/* ------------------------------------------------------------ */
.au_22-23_sns__hero .sm-pc {
	
}
.au_22-23_sns__hero .sm-sp {
	display:none;
}
@media all and (max-width:816px) {
.au_22-23_sns__hero .sm-pc {
	display:none;
}
.au_22-23_sns__hero .sm-sp {
	display:block;
}

}

.section-kiyaku dd ul li.ls2 {
	text-indent: -2em;
	padding-left: 2em;
}
.ls_list li {
	text-indent: -1em;
	padding-left: 1em;
}


.h-bg-r {
  color: #fff;
  font-size: 160%;
  text-align: center;
  padding: 10px 0;
  background: #17151c;
  font-weight:bold;
}
/* - 規約 - */
.section-kiyaku dl {  border-bottom:1px solid #000; }
.section-kiyaku dt {
  font-size: 17px;
  font-weight: normal;
  text-indent: -.7em;
  line-height: 1.8;
  margin: 0 0 5px .7em;
}
.section-kiyaku dd {
  font-size: 13px;
  line-height: 1.8;
  margin-bottom: 25px;
}
.section-kiyaku dd strong {
  display: block;
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 10px;
}

@media all and (max-width:767px) {
  .section-kiyaku dt {
    font-size: 20px;
  }
  .section-kiyaku dd {
    font-size: 14px;
  }
  .section-kiyaku dd strong {
    font-size: 16px;
  }
}
.section-kiyaku dd ul + strong {
  margin-top: 25px;
}
.section-kiyaku dd ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.section-kiyaku dd ul + ul {
  margin-top: 10px;
}
.section-kiyaku dd ul li {
  text-indent: -1em;
  margin-left: 1em;
}
.section-kiyaku dd ul > li:before{
  display:inline-block;
  content:"・";
  text-align:center;
  text-indent:0;
  width:1em;
}
.section-kiyaku dd ul.kome > li:before,
.section-kiyaku dd ul > li.kome:before{
  content:"※";
}
.section-kiyaku dd p {
  margin: 0;
}

.section-kiyaku dd a {
  word-break: break-all;
  color:#03f;
}
/* - 個人情報 - */
.section-check {
  margin-bottom: 40px;
}
.section-check .privacy {
  border: solid 1px #808080;
  height: 150px;
  padding: 0.5em;
  overflow: auto;
  margin-bottom: 20px;
}
.section-check .privacy .section + .section {
  margin-top: 20px;
}
.section-check .privacy .section .indent {
  text-indent: -1.5em;
  margin-left: 0.5em;
}
.section-check .privacy .section p, .section-check .privacy .section ul{
  font-size: 13px;
  line-height: 1.8;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.dl_campaign-yoko:last-of-type dd ul{
  font-size: 16px;
  line-height: 1.8;
  margin:0;
  padding:0 0 0 1.5em;;
}
.section-check .privacy .section p{
  font-size: 13px;
  line-height: 1.8;
  padding: 0 0 1em 2em;
  margin: 0;
}
.section-check .privacy .section ol{
  font-size: 13px;
  line-height: 1.8;
  padding: 0 0 0 2em;
  margin: 0;
}

.section-check .privacy .section ol > li{
  margin-bottom:1em;
}

.section-check .privacy .section ol > li > p{
  padding-left:0;
}
.section-check .privacy .section ol > li > p:last-child,
.section-check .privacy .section > p:last-child{
  margin-bottom:0;
  padding-bottom:0;
}
.section-check .privacy .section ol ul{
  list-style:none inside;
  font-size: 13px;
  line-height: 1.8;
  padding: 0 0 0 1em;
  margin: 0;
}

.section-check .privacy .section p.indent,
.section-check .privacy .section ol ul li{
  font-size: 13px;
  line-height: 1.8;
  padding-left:1.5em;
  text-indent:-1.5em;
}
.section-check .privacy .section p.indent span:first-child,
.section-check .privacy .section ul li span:first-child,
.section-check .privacy .section ul li span:first-child{
  display:inline-block;
  width:1.5em;
  text-indent:0;
  text-align:center;
}

.section-kiyaku dd ul li ol{
list-style:none inside;
margin:0;
padding:0 0 0 1em;
}
.section-kiyaku .privacy dd ul li ol li,
.section-check .privacy dd ul li ol li{
list-style:none inside;
padding-left:2em;
text-indent:-2em !important;
}
.section-kiyaku ol li span:first-child,
.section-check .privacy ol li span:first-child{
display:inline-block;
width:2em;
text-indent:0;
}



/* ------------------------------------------------------------ */
/* 送信ボタン */
/* ------------------------------------------------------------ */
/* 送信ボタン */
input[type="button"] {
  color: #fff;
  font-size: 18px;
  padding: 20px;
  border: none;
  background: #ef491b;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 送信ボタン - マウスオーバー時 */
input[type="button"]:hover {
  background: #54A9BD;
}
/* 送信ボタン - 押せないとき */
input[type="button"][disabled] {
  background-color: #ccc;
  cursor: default;
}
.pointer label:hover, .pointer input:hover {
  cursor: pointer;
}
/* ------------------------------------------------------------ */
/* 判定別*/
/* ------------------------------------------------------------ */
.well {
  text-align: center;
  margin: 20px 0 0;
}
.well p {
  font-size: 15px;
  line-height: 1.8;
  margin: 0;
}
@media (min-width: 768px) {
  .well p {
    font-size: 16px;
  }
}



/*--------
3/3修正
--------*/
.yoko-icon {
  width: 30px;
  padding-right: 5px;
}
.yoko-icon.yoko-icon-entry {
  width: 26px;
  padding-right: 5px;
}

#aCourse, #isNotQualified {
  /*border-top: solid 1px #c2c2c2;*/
  padding: 0;
  margin: 0;
}
.onXperia_btn,
#aCourse .app-xlj {
	background-color:#ef491b;
	background-image:url(../img/y.png);
	background-repeat:no-repeat;
	background-position:96% center;
	background-size:18px auto;
	color:#fff;
	/*border-radius: 4px;*/
	border-radius: 10px;
	font-size: 28px;
	text-align: center;
	line-height: 1;
	line-height:2;
}
.onXperia_btn a,
#aCourse .app-xlj a {
	color:#fff;
	display:block;
	padding: 10px;
}
.au_22-23_sns-wrap #onXperia .onXperia_btn .btn-lg,
.onXperia_btn .btn-primary {
	background:none;
	font-size:28px;
	line-height:2;
	padding: 10px !important;
}
#aCourse .app-xlj.cod_btn {
	margin-top:20px;
	background-color:#000;
}
#aCourse .app-xlj.cod_btn a {
	text-decoration:none !important;
}
@media all and (max-width:816px) {
.onXperia_btn,
#aCourse .app-xlj,
.au_22-23_sns-wrap #onXperia .onXperia_btn .btn-lg,
.onXperia_btn .btn-primary {
	/*font-size:4.6vw;*/
	font-size:4.2vw;
	line-height:2.4;
	letter-spacing:0.2em;
	background-size:5% auto;
}
#aCourse .app-xlj.cod_btn {
	line-height:1.2;
}
}


#isNotQualified p {
	padding: 20px;
	/*background-color: #fbfbfb;
	border: 1px solid #e9e9e9;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);*/
	background-color:#8c8c8c;
	color:#fff;
	border-radius: 4px;
	font-size: 23px;
	text-align: center;
	line-height: 1.9;
}
@media all and (max-width:816px) {
#isNotQualified p {
	font-size: 5vw;
}
}
/*--------
6/18 クローズ更新
--------*/
.close_txt {
	margin:15px 0 30px;
	text-align:center;
	border:1px solid #fd4803;
	padding:1em;
	font-weight:bold;
}
.close_txt p {
	margin-bottom:0;
}
.spBr {
	display:none;
}
@media all and (max-width:816px) {
.close_txt {
	font-size:4vw !important;
}
.spBr {
	display:inline-block;
}
}


.block_anniversary-yoko .tx-csp {
	margin:1.5em auto 0;
	width:850px;
	margin-bottom:100px;
	text-align:center;
}
.block_anniversary-yoko .tx-csp a {
	background-color:#4799ff;
	color:#fff;
	padding:20px 0;
	line-height:1;
	border-radius:10px;
	text-decoration:none;
	font-size:24px;
	display:block;
}
.block_anniversary-yoko .tx-csp a.modal-open::before {
		content:'';
}



@media all and (max-width:816px) {
.block_anniversary-yoko .tx-csp {
	width:88%;
}
}




.tb {
	display:table;
	width:100%;
/*	margin-top:48px; */
}
.tb_i {
	width:170px;
	padding:10px;
	display:table-cell;
	vertical-align:top;
	text-align:center;
	font-size:10px;
}
.tb_c {
	display:table-cell;
	vertical-align:top;
	padding-left:20px;
}

.tb_i img{
	max-width:100%;
}
.tb_c ol{
	padding-left:1.4em;
	overflow:visible;
}
#au_22-23_sns .tb .info-txt {
	width:100%;
	max-width:none;
}
#au_22-23_sns .tb .info-txt li {
	display:block;
}

#au_22-23_sns .tb2, #au_22-23_sns .col2{
	padding:2em 0 2em 0;
}

#au_22-23_sns .tb2, #au_22-23_sns .col2.col2l{
	padding:2em 0 0 0;
}

#au_22-23_sns .tb2 img{
max-width:100%;
margin-top:1em;
}
#au_22-23_sns .tb2 h3{
font-weight:bold;
margin:0 0 20px 0;
padding:0;
line-height:1.5;
font-size:18px;
}
#au_22-23_sns .col2 h4{
	font-size:100%;
	margin:0;
	padding:0;
}
#au_22-23_sns .col2 h4:before{
content:"";
display:inline-block;
vertical-align:-2%;
width:1em;
height:1em;
margin-right:0.2em;
background-color:#333;
}

#au_22-23_sns .indent_1{
	padding-left:1em;
	text-indent:0;
}
#au_22-23_sns .indent_1half{
	padding-left:1.25em;
	text-indent:0;
}

#au_22-23_sns .indent_1half > span:first-child{
	display:inline-block;
	width:1.25em;
	text-indent:none;
	margin-left:-1.25em;
}

#au_22-23_sns .indent_1 > span:first-child{
	display:inline-block;
	width:1em;
	margin-left:-1em;
}


@media all and (min-width:768px) {
	#au_22-23_sns .col2{
		display:inline-block;
		width:47%;
		vertical-align:top;
	}
	#au_22-23_sns .tb2, #au_22-23_sns .col2.col2l{
	}
	#au_22-23_sns .tb2{
		position:relative;
	}
	#au_22-23_sns .tb2 > div:last-of-type{
		width:55%;
		display:inline-block;
		vertical-align:top;
	}
	#au_22-23_sns .tb2 img{
		display:inline-block;
		max-width:45%;
		vertical-align:top;
		margin:0;
	}
}

@media all and (max-width:767px) {
	#au_22-23_sns div.col2.indent_1{
		padding:0 0 2em 0;
	}
	#au_22-23_sns .kk,
	section.section-kiyaku .kk{
	line-height:1.6;
	}
}


@media all and (max-width:816px) {
.tb {
	margin-top:0;
}
.tb_i {
	width:44%;
	padding:0;
	display:block;
	margin:10px auto 0;
}
.tb_c {
	margin-top:10px;
	display:block;
	padding-left:0;
}

.block_anniversary-yoko .tx-csp a {
	display: block;
	text-align:center;
}


}

#au_22-23_sns .kk,
section.section-kiyaku .kk {
	padding-left:1em;
	text-indent:-1em;
	margin:0;
	line-height:1.8;
}

#au_22-23_sns .kk > span:first-child,
section.section-kiyaku .kk > span:first-child{
display:inline-block;
width:1em;
text-indent:0;
}

#au_22-23_sns .mb10 {
	margin-bottom:10px;
}
#au_22-23_sns .info-txt li {
	padding-left:1em;
	text-indent:-1em;
}

#au_22-23_sns .yoko-title.mb {
	margin-bottom:48px;
}

#au_22-23_sns .yoko-title.camp {
	margin-top:75px;
	margin-bottom:50px;
}
.app-xlj-x-text {
	font-size:25px;
}
@media all and (max-width:816px) {
.app-xlj-x-text {
	font-size:4vw;
}
}

.c4_btn {
	display:table;
	width:100%;
	margin-top:1em;
}
.c4_btn .c4_btn_img {
	display:table-cell;
	width:40%;
	vertical-align:top;
	padding-right:2%;
}
.c4_btn .c4_btn_b {
	display:table-cell;
	vertical-align:top;
}



#x_app,
#a_app {
	display:none;
}

#au_22-23_sns a.btn:hover{
	opacity:0.9;
}

#au_22-23_sns a.btn_s{
	background-color:#ef491b;
	color:#fff;
	text-align:center;
	display:inline-block;
	padding:3px 1em;
	border-radius:7px;
	text-decoration:none !important;
}
#au_22-23_sns ul.dp_step a.btn_s{
	border-radius:15px;
	border-radius:min(15px, 1.5vw);
	font-size:14px;
	font-size:min(14px, 1.3vw);
	margin-top:7px;
	padding:3px 0;
	display:block;
	text-decoration:none !important;
}


#au_22-23_sns .dl_campaign-yoko #prize_detail{
	display:flex;
	gap:20px;
	padding-bottom:50px;
	/*border-bottom:1px solid #000;*/
}

#au_22-23_sns .dl_campaign-yoko #prize_detail > div{
	border:1px solid #ccc;
	width:50%;
	padding:20px 20px 5.5em 20px;
	position:relative;
	font-size:15px;
}

#au_22-23_sns .dl_campaign-yoko #prize_detail > div h2{
	margin:0;
	padding:1em 0 1.1em 0;
	text-align:center;
	font-size:2em;
	font-weight:bold;
}

#au_22-23_sns .dl_campaign-yoko #prize_detail > div h2 img{
	width:40%;
}

#au_22-23_sns .dl_campaign-yoko #prize_detail > div a{
	display: block;
	position: absolute;
	bottom: 10px;
	width: calc(100% - 40px);
	background-color: #0079d6;
	color: #fff;
	line-height: 3.5em;
	height: 3.5em;
	text-align: center;
}
/*#au_22-23_sns .dl_campaign-yoko #prize_detail > div a:after{
	content:"";
	display:inline-block;
	width:1.5em;
	height:1em;
	background:url(../img/icon_blank.png) center center no-repeat;
	background-size:contain;
	vertical-align:middle;
	position:absolute;
	right:10px;
	top:50%;
	transform:translate(0, -50%);
}*/


@media all and (max-width:767px) {
	#au_22-23_sns .dl_campaign-yoko #prize_detail{
		display:block;
		padding:0 0 50px 0;
	}
	#au_22-23_sns .dl_campaign-yoko #prize_detail > div{
		display:block;
		width:100%;
		padding:4vw;
		font-size:min(14px 3.5vw);
		line-height:1.6;
	}
	#au_22-23_sns .dl_campaign-yoko #prize_detail > div h2 img {
		width: 55%;
	}
	#au_22-23_sns .dl_campaign-yoko #prize_detail > div a{
		position:relative;
		bottom:auto;
		right:auto;
		width:95%;
		margin:0 auto;
	}
	#au_22-23_sns .dl_campaign-yoko #prize_detail > div + div{
		margin-top:5vw;
	}
}



#au_22-23_sns #aupay{
	border:1px solid #ccc;
	padding:0 30px 0 25%;
	text-align:right;
	vertical-align:middle;
	position:relative;
}
#au_22-23_sns #aupay{
	margin:10px 0 60px 0;
}
#au_22-23_sns #aupay img{
	max-width:60%;
	width:auto;
	margin-bottom:1em;
}
#au_22-23_sns #aupay > h2{
	display:block;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:75%;
	padding:0 25px 0 0;
	margin:0;
	overflow:hidden;
	font-size:18px;
	line-height:1.8em;
}

#au_22-23_sns #aupay > h2:before,
#au_22-23_sns #aupay > h2:after{
	content:"";
	display:block;
	position:absolute;
	top:50%;
	width:0;
	height:0;
	transform:translate(0, -50%);
	border:150px solid transparent;
	border-right:0px solid transparent;
}
#au_22-23_sns #aupay > h2:before{
	right:0;
	border-left:50px solid #ccc;
	z-index:1;
}
#au_22-23_sns #aupay > h2:after{
	right:1px;
	border-left:50px solid #fff;
	z-index:2;
}

#au_22-23_sns #aupay > h2 span{
	display:block;
	position:absolute;
	width:100%;
	top:50%;
	transform:translate(0, -50%);
	font-weight:bold;
	text-align:center;
	padding-right:0.5em;
	z-index:3;
}
#au_22-23_sns #aupay > span:first-of-type{
	display:inline-block;
	vertical-align:middle;
	width:51.5%;
	text-align:left;
	padding:2em 0;
	font-size:16px;
	line-height:1.5;
}

#au_22-23_sns #aupay > span:last-of-type{
	display:inline-block;
	vertical-align:middle;
	width:36.5%;
	margin-left:7%;
	position:relative;
	padding-top:1em;
	padding-bottom:1em;
}
#au_22-23_sns #aupay > span:last-of-type a{
	display:block;
	vertical-align:middle;
	width:100%;
	text-align:center;
	color:#fff;
	line-height:3em;
	height:3em;
	position:relative;
}

#au_22-23_sns #aupay > span:last-of-type a{
	background-color:#0079d6;
}



@media only screen and (max-width: 767px) {
	#au_22-23_sns #aupay{
		width:96%;
		margin:30px auto 0 auto;
		padding:0 5vw 5vw 5vw;
		position:relative;
		overflow:hidden;
	}
	#au_22-23_sns #aupay + div{
		width:96%;
		margin:0 auto;
		padding:3vw 3vw 3vw 5vw;
	}
	#au_22-23_sns #aupay > h2{
		position:relative;
		height:30vw;
		padding:0 0 0 50px;
		z-index:2;
		overflow:visible;
	}
	#au_22-23_sns #aupay > h2:before,
	#au_22-23_sns #aupay > h2:after{
		content:"";
		display:block;
		position:absolute;
		top:auto;
		left:50%;
		width:0;
		height:0;
		transform:translate(-50%, 0);
		border:50vw solid transparent;
		border-bottom:0px solid transparent;
	}
	#au_22-23_sns #aupay > h2:before{
		bottom:0;
		border-top:5vw solid #ccc;
	}
	#au_22-23_sns #aupay > h2:after{
		bottom:1px;
		border-top:5vw solid #fff;
	}
	#au_22-23_sns #aupay img{
		position:relative;
		margin-top:15vw;
		margin-bottom:3vw;
		width:80%;
	}
	#au_22-23_sns #aupay > span:first-of-type,
	#au_22-23_sns #aupay > span:last-of-type{
		width:100%;
		position:relative;
		display:block;
		text-align:center;
		margin:0;
	}
	#au_22-23_sns #aupay > span:first-of-type{
		text-align:left;
	}
	#au_22-23_sns #aupay > h2 span{
		margin:0;
		right:0;
		top:9vw;
		z-index:3;
		font-size:5vw;
	}
	#au_22-23_sns #aupay > span a{
		font-size:4vw;
		line-height:2.3em;
		height:2.3em;
	}
}



/*  確認用   */
#au_22-23_sns .visible-app,
#au_22-23_sns .hide {
	/*display:block !important;*/
}



.close_txt {
	text-align:center;
	font-size:18px;
	margin:30px 0;
}

.pre_btn {
	text-align:center;
	background-color:#aaa;
	margin:30px 0 30px;
	color:#fff;
	font-size:14px;
	border-radius: 10px;
	line-height:1.2;
	padding:10px 0;
}
.pre_btn span {
	padding-bottom:10px;
	display:inline-block;
	font-size:26px;
}

.bdno{ border:none !important; }

ol{
	padding:0;
}

ol.num{
	counter-reset: number 0;
	list-style:none;
}

ol li{
	margin-left:1.5em;
}
ol.num li{
	margin-left:1.1em;
}
ol.num li:before{
	display:inline-block;
	width:1.1em;
	margin-left:-1.1em;
	counter-increment: number 1;
	content:counter(number)".";
}
ol li:before{
	display:inline-block;
	width:1em;
	margin-left:-1em;
}

ul.list_dot, ul.list_dot li{
	list-style:none;
	display:block;
}

ul.list_dot,
dl_campaign-yoko:last-of-type dd ul{
	padding:0 !important;
	margin:0 !important;
}

ul.list_dot li{
	padding-left:1em;
	text-indent:-1em;
}

ul.list_dot li:before{
	content:"・";
	display:inline-block;
	width:1em;
	vertical-align:middle;
	text-align:center;
	text-indent:0;
}

ul.list_dot li.kome:before{
	content:"※";
}

#au_22-23_sns #kyk{
	border:1px solid #ccc;
	padding:0.5em;
	height:20em;
	overflow-y:scroll;
}
#au_22-23_sns #kyk *{
	font-size:14px;
	font-size:min(14px, 3.3em);
	line-height:1.8;
}
#au_22-23_sns #kyk h3{
	margin:1.5em 0 0 1em;
	padding:0;
	font-size:100%;
	font-weight:bold;
}
#au_22-23_sns #kyk h3 span:first-child{
	display:inline-block;
	width:1em;
	height:1em;
	background-color:#333;
	line-height:1em;
	margin-right:0.2em;
	vertical-align:10%;
	color:transparent;
}
#au_22-23_sns #kyk p,
#au_22-23_sns #kyk p.kk{
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}

.txt_red {
	color:#F00;
}
.txt_blue {
	color:#1d90e5;
}

.app-xlj{
 padding-left:
}

#kyk ul,
#kyk ol{
margin-top:0;
}

.text16{
	font-size:16px;
	line-height:1.8;
}

.text16 dt{
	font-size:18px;
	font-size:min(18px, 5vw);
}

.brno{
	white-space:nowrap;
}

.bold{
	font-weight:bold;
}

#organizer{
	text-align:center;
}

#aCourse .app-xlj {
	margin-bottom:60px;
}

.section-kiyaku p strong{
	margin:0;
	padding:0;
	font-size:1em;
	font-weight:bold;
}

.section-kiyaku ul + p strong{
	margin:1em 0 0 0;
}

strong.mark-sq:before{
  content:"";
  display:inline-block;
  width:0.7em;
  height:0.75em;
  margin-right:0.3em;
  background:#333;
}
.section-kiyaku dt small{
  display:inline-block;
  vertical-align:middle;
  width:0.8em;
  height:0.85em;
  line-height:0.85em;
  margin-right:0.3em;
  margin-bottom:0.25em;
  padding:0;
  background:#333;
  color:transparent;
}


ul#bnr_area,
ul#bnr_area li{
	list-style:none outside; text-align:center;
}
ul#bnr_area{ margin:10px 0 0 0; text-align:center; padding:0; display:block; list-style:none; }
ul#bnr_area li{ display:inline-block; margin:0 auto; padding:0 0 1.5em 0; vertical-align:top; }
ul#bnr_area li img{ max-width:100%; vertical-align:top; height:auto; }

@media (min-width: 768px) {
	ul#bnr_area li{ width:50%; max-width:50%; display:inline-block; margin:0 auto; }
	ul#bnr_area li:first-child{ text-align:left; padding-right:10px; }
	ul#bnr_area li:last-child{ text-align:right; padding-left:10px; }
}

span.end{ color:#999; text-decoration:line-through; text-decoration-color:#000; }

.section-kiyaku dd a.btn{
	display: inline-block;
	text-align: center;
	background-color: #0079d6;
	color: #fff;
	font-size: 14px;
	font-size: min(14px, 3.8vw);
	line-height: 3em;
	font-weight: normal;
	position: relative;
	padding:0 2em;
	margin:0;
}
