@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

/* ------------------------------------------------------------
  Reset
------------------------------------------------------------ */
/* line-height */
#au_reserve5m4 h1, #au_reserve5m4 h2, #au_reserve5m4 h3, #au_reserve5m4 h4 {
		line-height: 1.5;
}

body{ overflow-x:hidden; }
/* ------------------------------------------------------------
  Base
------------------------------------------------------------ */

#au_reserve5m4 {
		font-size: 14px;
		line-height: 2;
		overflow:hidden;
}
#au_reserve5m4 .mb0 {
	margin-bottom:0;
}
#au_reserve5m4 .mb40 {
	margin-bottom:40px;
}
.mt1em,
#au_reserve5m4 .mt1em {
	margin-top:1em;
}
#au_reserve5m4 .mt2em {
	margin-top:2em;
}
#au_reserve5m4 .mt40 {
	margin-top:40px;
}
#au_reserve5m4 .inner_wrap {
		max-width: 960px;
		width: 98%;
		margin: 0 auto 0;
}
@media only screen and (max-width: 970px) {
#au_reserve5m4 .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_reserve5m4 .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_reserve5m4 .font-roboto {
		font-family: 'Roboto', sans-serif;
}

/* hover */
@media only screen and (min-width: 768px) {

#au_reserve5m4 a:hover {
		opacity: 0.8;
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
}
}

/* display */
#au_reserve5m4 .sm-pc {
		display: none !important;
}
@media only screen and (min-width: 768px) {

#au_reserve5m4 .sm-pc {
		display: inline-block !important;
}

#au_reserve5m4 .sm-sp {
		display: none !important;
}
}
@media only screen and (max-width: 816px) {
#au_reserve5m4 .w_sp {
	width:96%;
	margin-left:auto;
	margin-right:auto;
	overflow:visible;
}

}


/* ------------------------------------------------------------
  Hero
------------------------------------------------------------ */
.au_reserve5m4__hero img {
		width: 100%;
		height: auto;
		vertical-align: bottom;
}

.au_reserve5m4__hero h1, .au_reserve5m4__hero p {
		margin: 0;
		padding: 0;
}
.au_reserve5m4__hero {
	margin-top:20px;
}

@media only screen and (min-width: 990px) {

.au_reserve5m4__hero {
		width: 1200px;
		margin:20px auto 0;
		max-width: 100%;
}
}
@media only screen and (max-width: 767px) {
.au_reserve5m4__hero {
		margin-top:0;
}
}

.point_wp {
	margin-bottom:50px;
}
@media only screen and (min-width: 768px) {
	#au_reserve5m4 .p_btn div{
		text-align:center;
	}
	#au_reserve5m4 .p_btn div:last-child > img:first-child {
		max-width:60%;
		margin:25px 9% 5px 0;
	}
}
#au_reserve5m4 .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_reserve5m4 .block_anniversary-yoko {
		word-break: break-all;
		margin: 25px 0 30px;
}

#au_reserve5m4 .block_anniversary-yoko img {
		width: 100%;
		height: auto;
}

#au_reserve5m4 .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_reserve5m4 .dl_campaign-yoko {
/*		overflow: hidden; */
		padding: 20px 0 30px;
		margin: 0;
		border-bottom:1px solid #000;
		height:auto;
}

#au_reserve5m4 .dl_campaign-yoko + #au_reserve5m4 .dl_campaign-yoko {
		/*border-top: solid 1px #c2c2c2;*/
		padding: 20px 0;
}

#au_reserve5m4 .once-text {
		font-size: 18px;
		line-height: 1.4;
		text-align: left;
		font-weight: bold;
		/*margin-bottom:10px !important;*/
		/*margin-top:20px;*/
}

#au_reserve5m4 .tx-c {
		/*max-width: 489px;*/
		width:100%;
}

#au_reserve5m4 .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_reserve5m4 .dl_campaign-yoko dd {
		display: block;
		/*width: calc(100% - 9em);*/
		margin: 0;
		padding: 0;
		line-height: 2;
		font-size:16px;
		font-size:min(16px, 4.7vw);
		font-weight: normal;
}
#au_reserve5m4 span.mail-txt,
#au_reserve5m4 .dl_campaign-yoko span.mail-txt,
.section-kiyaku span.mail-txt{
		color:#f00;
		font-weight: bold;
		white-space:nowrap;
}



#au_reserve5m4 .confirm-link {
		text-align: center;
}

#au_reserve5m4 .confirm-link a {
		font-size: 150%;
		line-height: 1.6em;
		text-decoration: underline !important;
		color: #0033cc;
}

#au_reserve5m4 .info-txt {
		text-align: left;
		list-style: none;
		padding: 0;
}

@media only screen and (max-width: 767px) {
	#au_reserve5m4 .h-bg-r{
		font-size:4.5vw;
		line-height:2;
		margin-bottom:4vw;
	}
	#au_reserve5m4 .dl_campaign-yoko dt {
		/*	font-size:18px; */
		margin-bottom:2vw !important;
	}
	#au_reserve5m4 .dl_campaign-yoko dd {
		line-height:1.6;
	}
}




#au_reserve5m4 .tx-orange {
		color: #cd5c29;
		font-weight: bold;
}

#au_reserve5m4 .dl_cond {
	line-height:1.4;
}
#au_reserve5m4 .sm {
	font-size:14px;
	font-size:min(14px, 3.7vw);
	line-height:1.6 !important;
}

#au_reserve5m4 .sl {
	font-size:15px;
	font-size:min(15px, 4vw);
	line-height:1.6 !important;
}

#au_reserve5m4 .mtSec {
	margin-top:90px;
}

/*-----------------------------------------------------------------
																期間
-----------------------------------------------------------------*/

#au_reserve5m4 #kikan{
	position:relative;
	margin-top:50px;
	text-align:center;
}
#au_reserve5m4 #kikan span{
	display:inline-block;
	position:relative;
	border:1px solid #000;
	background:linear-gradient(to bottom, #000, #000 50%, #fff 50%);
	width:calc((100% - 30px) / 2);
	overflow:hidden;
	vertical-align:bottom;
	}

#au_reserve5m4 #kikan span:nth-child(2){
	margin-left:30px;
}

#au_reserve5m4 #kikan span img{
	display:block;
	width:calc(100% + 4px);
	margin:-2px;
}


@media only screen and (max-width: 767px) {
	#au_reserve5m4 #kikan{
		margin-top:30px;
	}
	#au_reserve5m4 #kikan span,
	#au_reserve5m4 #kikan span:last-child{
		width:96%;
		margin:0 auto;
		border:2px solid #000;
		display:block;
	}
}

/*-----------------------------------------------------------------
													キャンペーン対象端末
-----------------------------------------------------------------*/
#au_reserve5m4 #cptarget,
#au_reserve5m4 #ponta{
	border:1px solid #ccc;
	padding:0 30px 0 23%;
	text-align:right;
	vertical-align:middle;
	position:relative;
}
#au_reserve5m4 #cptarget,
#au_reserve5m4 #ponta{
	margin:50px 0;
}
#au_reserve5m4 #cptarget img,
#au_reserve5m4 #ponta img{
	max-width:100%;
	width:auto;
}
#au_reserve5m4 #cptarget > h2,
#au_reserve5m4 #ponta > 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_reserve5m4 #cptarget > h2:before,
#au_reserve5m4 #cptarget > h2:after,
#au_reserve5m4 #ponta > h2:before,
#au_reserve5m4 #ponta > 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_reserve5m4 #cptarget > h2:before,
#au_reserve5m4 #ponta > h2:before{
	right:0;
	border-left:50px solid #ccc;
}
#au_reserve5m4 #cptarget > h2:after,
#au_reserve5m4 #ponta > h2:after{
	right:1px;
	border-left:50px solid #fff;
}

#au_reserve5m4 #cptarget > h2 span,
#au_reserve5m4 #ponta > h2 span{
	display:block;
	position:absolute;
	width:100%;
	top:50%;
	transform:translate(0, -50%);
	font-weight:bold;
	text-align:center;
	z-index:2;
}
#au_reserve5m4 #cptarget > span:first-of-type{
	display:inline-block;
	vertical-align:middle;
	width:48%;
	text-align:center;
	padding:0.5em 1em 0.5em 0;
}

#au_reserve5m4 #ponta > span:first-of-type{
	display:inline-block;
	vertical-align:middle;
	width:48%;
	text-align:left;
	padding:2em 0;
	font-size:15px;
	line-height:1.5;
}

#au_reserve5m4 #cptarget > span:last-of-type,
#au_reserve5m4 #ponta > span:last-of-type{
	display:inline-block;
	vertical-align:middle;
	width:38%;
	margin-left:7%;
	position:relative;
	padding-top:1em;
	padding-bottom:1em;
}
#au_reserve5m4 #cptarget > span:last-of-type a,
#au_reserve5m4 #ponta > 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_reserve5m4 #cptarget > span:last-of-type a:first-of-type{
	background-color:#eb5505;
	margin-bottom:1.5em;
}

#au_reserve5m4 #cptarget > span:last-of-type a:last-of-type{
	background-color:#000;
}

#au_reserve5m4 #ponta > span:last-of-type a{
	background-color:#0079d6;
}


/*#au_reserve5m4 #cptarget > span a:after,
#au_reserve5m4 #ponta > span a:after{
content:"";
display:inline-block;
width:20px;
height:18px;
background:url("../img/icon_blank.png") center center no-repeat;
background-size:auto;
vertical-align:middle;
position:absolute;
right:15px;
top:50%;
transform:translate(0, -50%);
}*/

#au_reserve5m4 #ponta + div{
	background-color:#000;
	color:#fff;
	padding:1em 2em 1em 2em;
	margin:0 0 70px 0;
}

#au_reserve5m4 #ponta + div img{
	display:inine-block;
	width:120px;
	width:min(120px,22vw);
	vertical-align:middle;
}

#au_reserve5m4 #ponta + div p{
	width:calc(100% - 120px);
	width:calc(100% - min(120px,22vw));
	margin:0;
	padding:0 0 0 2em;
	padding:0 0 0 min(2em, 4vw);
	display:inline-block;
	vertical-align:middle;
	line-height:1.6em;
	font-size:14px;
	font-size:min(14px, 3.6vw);
}

@media only screen and (max-width: 767px) {
	#au_reserve5m4 #cptarget,
	#au_reserve5m4 #ponta{
		width:96%;
		margin:30px auto 0 auto;
		padding:0 5vw 5vw 5vw;
		position:relative;
		overflow:hidden;
	}
	#au_reserve5m4 #ponta + div{
		width:96%;
		margin:0 auto;
		padding:3vw 3vw 3vw 5vw;
	}
	#au_reserve5m4 #cptarget > h2,
	#au_reserve5m4 #ponta > h2{
		position:relative;
		height:20vw;
		padding:0 0 0 50px;
		z-index:2;
		overflow:visible;
	}
	#au_reserve5m4 #cptarget > h2:before,
	#au_reserve5m4 #cptarget > h2:after,
	#au_reserve5m4 #ponta > h2:before,
	#au_reserve5m4 #ponta > 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_reserve5m4 #cptarget > h2:before,
	#au_reserve5m4 #ponta > h2:before{
		bottom:0;
		border-top:5vw solid #ccc;
	}
	#au_reserve5m4 #cptarget > h2:after,
	#au_reserve5m4 #ponta > h2:after{
		bottom:1px;
		border-top:5vw solid #fff;
	}
	#au_reserve5m4 #cptarget img,
	#au_reserve5m4 #ponta img{
		position:relative;
		z-index:1;
		margin-top:2vw;
		margin-bottom:5vw;
		width:80%;
	}
	#au_reserve5m4 #cptarget > span:first-of-type,
	#au_reserve5m4 #ponta > span:first-of-type,
	#au_reserve5m4 #cptarget > span:last-of-type,
	#au_reserve5m4 #ponta > span:last-of-type{
		width:100%;
		position:relative;
		display:block;
		text-align:center;
		margin:0;
	}
	#au_reserve5m4 #ponta > span:first-of-type{
		text-align:left;
	}
	#au_reserve5m4 #cptarget > h2 span,
	#au_reserve5m4 #ponta > h2 span{
		margin:0;
		right:0;
		top:9vw;
		z-index:3;
		font-size:5vw;
	}
	#au_reserve5m4 #cptarget > span a,
	#au_reserve5m4 #ponta > span a{
		font-size:4vw;
		line-height:2.3em;
		height:2.3em;
	}
}
/*-----------------------------------------------------------------
													特典還元までの流れ
-----------------------------------------------------------------*/

#au_reserve5m4 .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_reserve5m4 .dp_step_wrap{
	padding:0 3.7%;
}

#au_reserve5m4 .dp_step{
	display:flex;
	list-style:none;
	width:calc(100% + 10px);
	margin:0;
	padding:0;
}
#au_reserve5m4 .dp_step li {
	list-style:none;
	margin:0;
	padding:10px 10px 15% 10px;
	position:relative;
	width:calc(100% / 3);
	font-size:14px;
}
#au_reserve5m4 .dp_step li div {
	vertical-align:top;
}
#au_reserve5m4 .dp_step li div.sm {
	font-size:12px;
	font-size:min(12px, 3.4vw);
	margin-top:2px;
	line-height:1.8em;
}
#au_reserve5m4 .dp_step li div:nth-child(1) span {
	text-align:center;
	display:block;
	margin:0;
	position:relative;
	padding:10px 0;
	border-right:2px solid #ef491b;
	border-bottom:2px solid #ef491b;
	font-size:1px;
}
#au_reserve5m4 .dp_step li div:nth-child(2){
font-size:14px;
text-align:left;
margin-top:1px;
padding:15px 5px 10px 5px;
}

#au_reserve5m4 .dp_step li div:nth-child(2) span{
	white-space:nowrap;
}

#au_reserve5m4 .dp_step li div:nth-child(1) span img{
	width:auto;
	max-width:30%;
	height:auto;
	vertical-align:top;
	z-index:-1;
}

#au_reserve5m4 .dp_step li > img{
	max-width:calc(100% - 20px);
	position:absolute;
	bottom:0;
	left:auto;
	right:auto;
	height:auto;
	width:auto;
}

@media only screen and (max-width: 767px) {
	#au_reserve5m4 .dp_h {
		font-size:4vw;
	}
	#au_reserve5m4 .dp_step_wrap{
		padding:0 3vw;
	}

	#au_reserve5m4 .dp_step {
		flex-wrap:wrap;
		padding:0;
		max-width:96%;
		margin-left:auto;
		margin-right:auto;
	}
	#au_reserve5m4 .dp_step li{
		width:50%;
		position:relative;
		padding:2vw 1vw 31% 1vw;
	}
	#au_reserve5m4 .dp_step li > img{
		z-index:1;
		max-width:calc(100% - 2vw);
	}
	#au_reserve5m4 .dp_step li div {
		width:100%;
		display:block;
		padding:0;
		line-height:1.6;
		position:relative;
		z-index:2;
	}
	#au_reserve5m4 .dp_step li div:nth-child(1) span {
		margin:0;
		position:relative;
		overflow:visible;
		height:auto;
		line-height:2;
	}
	#au_reserve5m4 .dp_step li div:nth-child(1) {
		width:100%;
	}
	#au_reserve5m4 .dp_step li div:nth-child(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_reserve5m4 .dp_step li div:nth-child(2) span{
		white-space:nowrap;
	}
	#au_reserve5m4 .dp_step li div:nth-child(1) span{
		padding:1.5vw 0;
		height:6.5vw;
	}
	#au_reserve5m4 .dp_step li div:nth-child(1) span img{
		display:inline-block;
		max-height:3.5vw;
		max-width:initial;
		vertical-align:middle;
	}
}


/*-----------------------------------------------------------------
													modal
-----------------------------------------------------------------*/
#au_reserve5m4 .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_reserve5m4 .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_reserve5m4 .modal-content .m_inn {
		min-height: 100px;
		background: #fff;
		position: relative;
		overflow: auto;
		width: 100%;
		max-width: 810px;
		margin: 10px auto 10px;
}

#au_reserve5m4 .modal-content .ws_mCont {
		max-width: 630px;
		margin: 10px auto;
		max-height: 70vh;
}

/* 閉じるボタン */
#au_reserve5m4 .btn_close_m {
		position: absolute;
		top: -50px;
		right: 5px;
		cursor: hand;
		cursor: pointer;
}

#au_reserve5m4 .btn_close_m:hover {
		opacity: 0.7;
}

#au_reserve5m4 .btn_close_m img {
		width: 60%;
		height: auto;
}

#au_reserve5m4 .modal-content h3 {
		text-align: center;
		font-size: 130%;
}

#au_reserve5m4 .imei-box {
		display: table;
		width: 100%;
		margin-bottom: 30px;
		padding-bottom: 20px;
}

#au_reserve5m4 .imei-box .imei-img {
		width: 40%;
		display: table-cell;
		vertical-align: middle;
}

#au_reserve5m4 .imei-box .imei-img img {
		width: 100%;
		height: auto;
}

#au_reserve5m4 .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_reserve5m4 .imei-box .imei-txt.txt-l {
	text-align:left;
}
#au_reserve5m4 .imei-box .imei-txt.txt-l4 {
	text-align:left;
}

#au_reserve5m4 .list_disc {
		list-style: none;
		padding: 0;
		font-size: 14px;
		line-height: 2.1;
}

#au_reserve5m4 .list_disc li {
		padding: 0 0 0px 1.2em;
		position: relative;
}

#au_reserve5m4 .list_disc li::before {
		content: '・';
		position: absolute;
		left: 0;
		top: 0;
}
#au_reserve5m4 .list_disc.kome li::before {
		content: '※';
}
#au_reserve5m4 .imei-ttl {
	font-weight:bold;
}

@media all and (max-width:817px) {
#au_reserve5m4 .imei-box .imei-txt.txt-l {
	text-align:center;
}

}

@media only screen and (min-width: 768px) {

#au_reserve5m4 .confirm-link:before {
		content: '';
		background: url(../img/mail_icon.png) no-repeat;
		padding: 20px 40px;
}

#au_reserve5m4 .info-txt {
		max-width: 54%;
		margin: 10px 0;
}

#au_reserve5m4 .info-txt li {
		display: inline-block;
		text-align: left;
		list-style: none;
		padding: 0;
		font-size: 13px;
		line-height: 1.7;
}


#au_reserve5m4 .imei-box.w-img .imei-img {
		width: 40%;
}
#au_reserve5m4 .imei-box.w-img .imei-txt {
		padding-left: 5%;
}
}
@media all and (max-width:817px) {

#au_reserve5m4 .inner_wrap {
		/*width: 94%;*/
		width: 100%;
		margin: 0 auto;
}

#au_reserve5m4 .block_anniversary-yoko .yoko-title {
		width: 100%;
		padding: 7px 0;
		font-size: 18px;
		line-height: 1.6em;
}

#au_reserve5m4 .dl_campaign-yoko dt, #au_reserve5m4 .dl_campaign-yoko dd {
		float: none;
		width: 100%;
}
#au_reserve5m4 .dl_campaign-yoko dt {
		padding: 0px;
		margin-bottom:20px;
}
#au_reserve5m4 .dl_campaign-yoko{
		padding: 35px 0 35px;
}
#au_reserve5m4 .block_anniversary-yoko .step-box {
		border: none;
		padding: 76px 0 10px;
		display: table;
		width: 100%;
}

#au_reserve5m4 .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_reserve5m4 .block_anniversary-yoko .step-box .step-img {
		position: inherit;
		left: 0px;
		top: 0px;
		display: table-cell;
		vertical-align: middle;
		width: 40%;
}

#au_reserve5m4 .block_anniversary-yoko .step-box .step-txt {
		display: table-cell;
		vertical-align: middle;
		width: 60%;
		padding-left: 5%;
}

#au_reserve5m4 .block_anniversary-yoko .step-box .step-txt.sp-imei {
		display: block;
		clear: both;
		width: 100%;
}

#au_reserve5m4 .block_anniversary-yoko .step-box .tx-csp {
		text-align: center;
		margin:20px 0 auto;
		width:500px;
}


#au_reserve5m4 .imei-box {
		width: 100%;
		display: block;
		text-align: center;
}

#au_reserve5m4 .imei-box .imei-img {
		width: 50%;
		display: block;
		vertical-align: top;
		margin: 10px auto;
}

#au_reserve5m4 .imei-box .imei-txt {
		width: 94%;
		margin: 10px auto 0;
		display: block;
		padding-right: 0;
		padding-left: 0;
		text-align: center;
		font-size: 100%;
		line-height: 1.3em;
		font-weight: normal;
}

#au_reserve5m4 .step-arrow {
		width: 40px;
		margin: 10px auto;
}

#au_reserve5m4 .imei-box {
		display: table;
		width: 100%;
		margin-bottom: 10px;
		padding-bottom: 20px;
}

#au_reserve5m4 .imei-box .tx-lsp {
		text-align: left;
}

#au_reserve5m4 .list_disc li {
		padding: 0 0 7px 1.2em;
		line-height: 1.7;
		/*margin-top:1em;*/
}

#au_reserve5m4 .list_disc {
		font-size: 15px;
		line-height: 1.4;
}

#au_reserve5m4 .modal-content {
						margin-top:14%;
}
#au_reserve5m4 .modal-content .m_inn {
		height:70vh;
		margin:0px auto 0;
}

#au_reserve5m4 .btn_close_m {
		position: absolute;
		top: -45px;
		right: 5px;
		text-align: right;
}

#au_reserve5m4 .btn_close_m:hover {
		opacity: 0.7;
}

#au_reserve5m4 .btn_close_m img {
		width: 40%;
		height: auto;
}
}

@media all and (min-width:641px) and (max-width:817px) {
#au_reserve5m4 .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_reserve5m4-wrap .icon_tell {
	font-size:30px !important;
	margin:0 !important;
}
.au_reserve5m4-wrap .icon_tell span {
	font-size:24px !important;
}

.au_reserve5m4-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_reserve5m4-wrap .icon_mail {
	padding:5px 0;
}
.au_reserve5m4-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_reserve5m4-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_reserve5m4-wrap .icon_mail a::after {
	display:inline-block;
	content:"＞";
	line-height:3.5em;
	height:3.5em;
	position:absolute;
	right:1em;
}
.au_reserve5m4-wrap .dl_campaign-yoko .icon_mail{
	font-size:1.25em !important;
}
.au_reserve5m4-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_reserve5m4 .dl_campaign-yoko {
    padding-left:0;
    padding-right:0;
}
#au_reserve5m4 .once-text {
    font-size: 17px;
    line-height: 1.4;
    text-align: left;
    font-weight: bold;
    /* margin-bottom: 10px !important; */
}

}

.tx13 {
	font-size:13px;
	margin-bottom:30px;
}

.bd-non {
	border:none !important;
}

.au_reserve5m4-wrap a {
     color: #03f;
    /*text-decoration: none;*/
}

.au_reserve5m4-wrap a span.app_link{
    color:#666;
}

.txt_dec {
	text-decoration:underline;
}
.txt_col_bk {
	color:#000 !important;
}


/* ボタン */
.au_reserve5m4-wrap #aCourse .btn-lg,
.au_reserve5m4-wrap #onXperia .btn-lg {
	border:none !important;
	padding:0 !important;
}
.au_reserve5m4-wrap #aCourse .app-xlj,
.au_reserve5m4-wrap #onXperia .app-xlj {
	text-align:center;
}
.au_reserve5m4-wrap #aCourse .app-xlj img,
.au_reserve5m4-wrap #onXperia .app-xlj img {
	width:100%;
}
.au_reserve5m4-wrap .pre_txt {
	text-align:center;
	color:#F00;
}
@media all and (max-width:816px) {
.au_reserve5m4-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;
	line-height: 1.5;
}





/* ------------------------------------------------------------ */
/* 規約ページ */
/* ------------------------------------------------------------ */
.au_reserve5m4__hero .sm-pc {
	
}
.au_reserve5m4__hero .sm-sp {
	display:none;
}
@media all and (max-width:816px) {
.au_reserve5m4__hero .sm-pc {
	display:none;
}
.au_reserve5m4__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;
}
.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{
  content:"※";
}
.section-kiyaku dd p {
  margin-bottom: 1em;
}

.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: #ef701b;
}
/* 送信ボタン - 押せないとき */
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;
}

#onXperia, #aCourse, #isNotQualified {
  /*border-top: solid 1px #c2c2c2;*/
  padding: 0;
  margin: 0 0 50px 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_reserve5m4-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_reserve5m4-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;
}
}

#aCourse p,
#onXperia p,
#isNotQualified p {
	background-color: #fbfbfb;
	border: 1px solid #e9e9e9;
	font-size: 15px;
	text-align: center;
	line-height: 1.8;
	padding:1em 0;
}
@media all and (max-width:816px) {
#aCourse p,
#onXperia p,
#isNotQualified p {
	font-size: 4vw;
}
}
/*--------
6/18 クローズ更新
--------*/
.close_txt {
	margin:50px auto;
	text-align:center;
	border:1px solid #000;
	padding:1em;
	font-weight:bold;
	text-align:center;
	font-size:16px;
}

.close_txt p {
	margin-bottom:0;
}
.spBr {
	display:none;
}
@media all and (max-width:816px) {
.close_txt {
	font-size:3.9vw !important;
	width:96%;
	margin:30px auto;
	padding:1em 0;
}
.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:'';
}

#bnr_area{ margin-top:10px; }
#bnr_area img{ width:100%; height:auto; }

@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_reserve5m4 .tb .info-txt {
	width:100%;
	max-width:none;
}
#au_reserve5m4 .tb .info-txt li {
	display:block;
}

#au_reserve5m4 .tb2, #au_reserve5m4 .col2{
	padding:2em 0 2em 0;
}

#au_reserve5m4 .tb2, #au_reserve5m4 .col2.col2l{
	padding:2em 0 0 0;
}

#au_reserve5m4 .tb2 img{
max-width:100%;
margin-top:1em;
}
#au_reserve5m4 .tb2 h3{
font-weight:bold;
margin:0 0 20px 0;
padding:0;
line-height:1.5;
font-size:18px;
}
#au_reserve5m4 .col2 h4{
	font-size:100%;
	margin:0;
	padding:0;
}
#au_reserve5m4 .col2 h4:before{
content:"";
display:inline-block;
vertical-align:-2%;
width:0.8em;
height:0.8em;
margin-right:0.2em;
background-color:#333;
}

#au_reserve5m4 .indent_1{
	padding-left:1em;
	text-indent:0;
}
#au_reserve5m4 .indent_1half{
	padding-left:1.25em;
	text-indent:0;
}

#au_reserve5m4 .indent_1half > span:first-child{
	display:inline-block;
	width:1.25em;
	text-indent:none;
	margin-left:-1.25em;
}

#au_reserve5m4 .indent_1 > span:first-child{
	display:inline-block;
	width:1em;
	margin-left:-1em;
}


@media all and (min-width:768px) {
	#au_reserve5m4 .col2{
		display:inline-block;
		width:47%;
		vertical-align:top;
	}
	#au_reserve5m4 .tb2, #au_reserve5m4 .col2.col2l{
	}
	#au_reserve5m4 .tb2{
		position:relative;
	}
	#au_reserve5m4 .tb2 > div:last-of-type{
		width:55%;
		display:inline-block;
		vertical-align:top;
	}
	#au_reserve5m4 .tb2 img{
		display:inline-block;
		max-width:45%;
		vertical-align:top;
		margin:0;
	}
}

@media all and (max-width:767px) {
	#au_reserve5m4 div.col2.indent_1{
		padding:0 0 2em 0;
	}
	#au_reserve5m4 .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_reserve5m4 .kk,
section.section-kiyaku .kk {
	padding-left:1em;
	text-indent:-1em;
	margin:0;
	line-height:1.8;
}

#au_reserve5m4 .kk > span:first-child,
section.section-kiyaku .kk > span:first-child{
display:inline-block;
width:1em;
text-indent:0;
}

#au_reserve5m4 .mb10 {
	margin-bottom:10px;
}
#au_reserve5m4 .info-txt li {
	padding-left:1em;
	text-indent:-1em;
}

#au_reserve5m4 .yoko-title.mb {
	margin-bottom:48px;
}

#au_reserve5m4 .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_reserve5m4 a.btn:hover{
	opacity:0.9;
}

#au_reserve5m4 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_reserve5m4 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_reserve5m4 .visible-app,
#au_reserve5m4 .hide {
	/*display:block !important;*/
}




.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; }

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:"※";
}

.txt_red {
	color:#F00;
}

.app-xlj{
 padding-left:
}

.text16{
	font-size:16px;
	line-height:1.8;
}

.text16 dt{
	font-size:18px;
	font-size:min(18px, 5vw);
}

.brno{
	white-space:nowrap;
}

#organizer{
	text-align:center;
}

#aCourse .app-xlj {
	margin-bottom:60px;
}

i.sprite-icon-blank{
 margin-left:0.1em;
 margin-right:0.3em;
}


a#go_banner{ display:block; font-size:20px; font-size:min(20px, 2vw); color:#f3000a; outline:1px solid #f3000a; height:2em; line-height:2em; text-align:center; margin:50px auto; padding:0; max-width:100%; box-sizing:border-box; font-weight:bold; }
a#go_banner:after{ content:""; display:inline-block; width:0.5em; height:0.5em; border-right:2px solid #f3000a; border-bottom:2px solid #f3000a; transform:rotate(45deg); vertical-align:12%; }

@media all and (max-width:767px) {
  a#go_banner{ max-width:96%; height:auto; line-height:1.5; padding:0.3em 0; margin:30px auto 32px auto; font-size:3.5vw; }
}


#returnTop{ text-align:center; overflow:visible; font-size:200%; }
#returnTop a{ text-decoration:none; display:inline-block; position:relative; overflow:visible; }
#returnTop a:before{ display:inline-block; width:1em; height:1em; content:""; border-left:2px solid #999; border-top:2px solid #999; transform:rotate(45deg); position:absolute; right:0; top:-6px; }
#returnTop a:after{ display:inline-block; width:1em; height:1em; content:""; border-left:2px solid #999; border-top:2px solid #999; transform:rotate(45deg); position:absolute; right:0; top:0;}