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

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

/* ------------------------------------------------------------
  Base
------------------------------------------------------------ */
.wd_wp {
	word-break: keep-all;
}
#au_2021spring {
		font-size: 14px;
		line-height: 2;
}
#au_2021spring .mb0 {
	margin-bottom:0;
}
#au_2021spring .mb40 {
	margin-bottom:40px;
}
#au_2021spring .mt10 {
	margin-top:10px;
}
#au_2021spring .mt1em {
	margin-top:1em;
}
#au_2021spring .mt2em {
	margin-top:2em;
}
#au_2021spring .mt40 {
	margin-top:40px;
}
#au_2021spring .inner_wrap {
		max-width: 960px;
		width: 98%;
		margin: 0 auto 0;
}
@media only screen and (max-width: 970px) {
#au_2021spring .inner_wrap {
		max-width: none;
		width: 96%;
		margin:0 auto;
		box-sizing:border-box;
}
}
@media only screen and (max-width: 817px) {
#au_2021spring .inner_wrap {
		padding-left:0;
		padding-right:0;
}
}
.tx-c {
		text-align: center !important;
		margin: 0 auto;
}

.mg_t0 { margin-top:0 !important}

/* font */
#au_2021spring .font-roboto {
		font-family: 'Roboto', sans-serif;
}

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

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

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

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

#au_2021spring .sm-sp {
		display: none !important;
}
}
@media only screen and (max-width: 767px) {
#au_2021spring .w_sp {
	/*width:92%;*/
	margin-left:auto;
	margin-right:auto;
}
}

.txt_red {
	color:#F00;
}


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

.au_2021spring__hero h1, .au_2021spring__hero p {
		margin: 0;
		padding: 0;
}

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

.au_2021spring__hero {
		width: 1200px;
		margin: 0 auto;
		max-width: 100%;
}
}

/* ------------------------------------------------------------
  Entry
------------------------------------------------------------ */
#au_2021spring .block_anniversary-yoko {
		font-size: 16px;
		word-break: break-all;
		margin: 10px 0 30px;
}

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

#au_2021spring .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_2021spring .dl_campaign-yoko {
		overflow: hidden;
		padding: 15px 0 20px;
		margin: 0;
		border-bottom:1px solid #d4d4d4;
}

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

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






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

#au_2021spring .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_2021spring .dl_campaign-yoko dd {
		display: block;
		float: left;
		/*width: calc(100% - 9em);*/
		margin: 0;
		padding: 0;
		line-height: 2;
		font-size:16px;
		font-weight: normal;
}
#au_2021spring span.mail-txt,
#au_2021spring .dl_campaign-yoko span.mail-txt {
		color: #e2550e;
		font-weight: bold;
}

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

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

#au_2021spring .info-txt {
		text-align: left;
		list-style: none;
		padding: 0;
}
@media only screen and (max-width: 767px) {
#au_2021spring .dl_campaign-yoko dt {
	font-size:18px;
}
#au_2021spring .dl_campaign-yoko dd {
	font-size:18px;
}

}



#au_2021spring .block_anniversary-yoko .step-box {
		width: 100%;
		display: block;
		position: relative;
		border: 1px solid #333;
		border-radius: 5px;
		margin-bottom: 1em;
				min-height:180px;
		padding: 25px 10px 35px 25%;
		box-sizing: border-box;
}

#au_2021spring .step-arrow {
		width: 60px;
		margin: 10px auto;
}

#au_2021spring .step-arrow img {
		width: 100%;
		height: auto;
}

#au_2021spring .block_anniversary-yoko .step-box .step-img {
		position: absolute;
		left: 25px;
		top: 20px;
		bottom: 0;
		width: 18%;
}

#au_2021spring .block_anniversary-yoko .step-box .step-img img {
		width: 100%;
		height: auto;
}

#au_2021spring .block_anniversary-yoko .step-box .step-title {
		font-size: 160%;
		height: 1.4em;
		font-weight: bold;
}

#au_2021spring .block_anniversary-yoko .step-box .step-title span {
		color: #cd5c29;
}

#au_2021spring .block_anniversary-yoko .step-box a.modal-open {
		color: #0033ff;
		text-decoration: underline;
}

#au_2021spring .block_anniversary-yoko .step-box a.modal-open:before {
		content: '＞';
}

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

#au_2021spring .dl_cond {
	line-height:1.4;
}
#au_2021spring .sm {
	font-size:14px;
	line-height:1.6 !important;
}


#au_2021spring .mtSec {
	margin-top:90px;
}
@media only screen and (max-width: 767px) {
#au_2021spring .mtSec {
	margin-top:40px;
}
}
/*-----------------------------------------------------------------
													キャンペーン応募方法
-----------------------------------------------------------------*/
#au_2021spring .c_how {
	width:100%;
	max-width:960px;
	margin:40px auto 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#au_2021spring .c_how_c {
	width:25%;
	font-size:14px;
	line-height:1.6;
}
.c_how_c_in {
	padding:0 20px;
}
/*#au_2021spring .c_how.btm .c_how_c.c1 {
	padding:0 20px;
}
#au_2021spring .c_how.btm .c_how_c.c2 {
	padding-left:10px;
	padding-right:40px;
}
#au_2021spring .c_how.btm .c_how_c.c3 {
	padding-left:0;
	padding-right:50px;
}
#au_2021spring .c_how.btm .c_how_c.c4 {
	padding-left:0;
	padding-right:50px;
}*/

#au_2021spring .c_how_imei {
	text-align:center;
	margin-top:25px;
	padding:0 0;
}
#au_2021spring .c_how_imei.au_ols {
	text-align:center;
	margin-top:10px;
	padding:0 0;
	font-size:90%;
}
#au_2021spring .c_how_imei .modal-open:before {
	content:'';
}
#au_2021spring .c_how_imei a {
	display:block;
	color:#fff;
	background-color:#ef491b;
	border-radius:15px;
	padding:5px 0;
	text-decoration:none;
}
/*#au_2021spring .c_how_txt {
	padding:0 20px;
}*/

#au_2021spring .c_how_txt .kk {
	font-size:12px;
}
@media only screen and (max-width: 767px) {
#au_2021spring .c_how {
	margin-top:15px;
}
#au_2021spring .c_how_c {
	width:50%;
	margin-bottom:25px;
	font-size:12px;
	padding:0 !important;
}
.c_how_c_in {
	padding:0;
}
#au_2021spring .c_how_txt {
	padding:0 8%;
}
#au_2021spring .c_how_imei {
	font-size:2.8vw;
}
#au_2021spring .c_how_txt .kk {
	font-size:10px;
}
}


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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

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

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


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

#au_2021spring .inner_wrap {
		width: 94%;
		margin: 0 auto;
}

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

#au_2021spring .dl_campaign-yoko dt, #au_2021spring .dl_campaign-yoko dd {
		float: none;
		width: 100%;
}

#au_2021spring .dl_campaign-yoko dt {
		padding: 0px;
		margin-bottom:5px;
}
#au_2021spring .dl_campaign-yoko{
		padding: 15px 0 15px;
}
#au_2021spring .block_anniversary-yoko .step-box {
		border: none;
		padding: 76px 0 10px;
		display: table;
		width: 100%;
}

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

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

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

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


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

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

#au_2021spring .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_2021spring .step-arrow {
		width: 40px;
		margin: 10px auto;
}

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

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

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

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

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

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

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

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

@media all and (min-width:641px) and (max-width:817px) {
#au_2021spring .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: '＞';
}

.icon_tell {
	font-size:30px !important;
	margin:0 !important;
}
.icon_tell span {
	font-size:24px !important;
}

.icon_tell::before {
	content:" ";
	padding-left:30px;
	background: url(../img/icon_tell.gif) no-repeat 50% !important; 
}
.icon_mail {
	padding:5px 0;
}
.icon_mail::before {
	content:" ";
	padding-left:30px;
	/*background: url(../img/icon_mail.gif) no-repeat 50% !important; */
	background: url(../img/icon_mail.png) no-repeat 50% !important;
	background-size:auto 100%!important;
	margin-right:5px;
}
@media all and (max-width:817px) {
.icon_mail::before {
	background: url(../img/icon-confirm.png) no-repeat 50% !important;
	margin-right:5px;
}
}
.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;
}
.icon_mail::before {
	margin-right:5px;
}

#au_2021spring .dl_campaign-yoko {
    /*border-bottom: none !important;*/
}
#au_2021spring .once-text {
    font-size: 17px;
    line-height: 1.4;
    text-align: left;
    font-weight: bold;
    /* margin-bottom: 10px !important; */
}
@media only screen and (max-width: 767px) {
#au_2021spring .once-text.icon_mail {
	margin-top:0 !important;
	margin-bottom:1em !important;
	padding-bottom:0 !important;
}
#au_2021spring .mb0_sp {
	margin-bottom:1em !important;
}
}

.icon_mail {
	font-size:13px !important;
}

}

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

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

.au_2021spring-wrap a {
     color: #0040FF; 
    /*text-decoration: none;*/
}
.txt_dec {
	text-decoration:underline;
}
.txt_col_bk {
	color:#000 !important;
}
.txt_im {
	color:#d80000 !important;
}

/* ボタン */
.au_2021spring-wrap #aCourse .btn-lg,
.au_2021spring-wrap #onXperia .btn-lg {
	border:none !important;
	padding:0 !important;
}
.au_2021spring-wrap #aCourse .app-xlj,
.au_2021spring-wrap #onXperia .app-xlj {
	text-align:center;
}
.au_2021spring-wrap #aCourse .app-xlj img,
.au_2021spring-wrap #onXperia .app-xlj img {
	width:100%;
}


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





/* ------------------------------------------------------------ */
/* 規約ページ */
/* ------------------------------------------------------------ */
.h-bg-r {
  color: #fff;
  font-size: 160%;
  text-align: center;
  padding: 10px 0;
  background: #17151c;
}
/* - 規約 - */
.section-kiyaku {}
.section-kiyaku dt {
  font-size: 17px;
  font-weight: normal;
  text-indent: -.7em;
  line-height: 1.8;
  margin: 0 0 10px .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 p {
  margin-bottom: 0;
}
.section-kiyaku dd a {
  word-break: break-all;
}
/* - 個人情報 - */
.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: 1.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;
}
/* ------------------------------------------------------------ */
/* 送信ボタン */
/* ------------------------------------------------------------ */
/* 送信ボタン */
input[type="button"] {
  color: #fff;
  font-size: 18px;
  padding: 20px;
  border: none;
  background: #e53a67;
  -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: 30px 0 0;
  margin: 30px 0 0;
}
.onXperia_btn,
#aCourse .app-xlj {
	background-color:#ff571b;
	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_2021spring-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_2021spring-wrap #onXperia .onXperia_btn .btn-lg,
.onXperia_btn .btn-primary {
	font-size:4.6vw;
	line-height:2.4;
	background-size:3% 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 #333;
	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;
}
.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%;
	margin-bottom:60px;
}
}




.tb {
	display:table;
	width:100%;
	margin-top:48px;
}
.tb_i {
	width:170px;
	padding:10px;
	display:table-cell;
	vertical-align:top;
}
.tb_c {
	display:table-cell;
	vertical-align:top;
	padding-left:20px;
}

#au_2021spring .tb .info-txt {
	width:100%;
	max-width:none;
}
#au_2021spring .tb .info-txt li {
	display:block;
}
@media all and (max-width:816px) {
.tb {
	margin-top:20px;
}
.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_2021spring .kk {
	padding-left:1em;
	text-indent:-1em;
	margin:0;
	line-height:1.8;
}
#au_2021spring .mb10 {
	margin-bottom:10px;
}
#au_2021spring .info-txt li {
	padding-left:1em;
	text-indent:-1em;
}

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

#au_2021spring .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;
}
}
@media all and (max-width:816px) {
#au_2021spring .yoko-title.camp {
	margin-top:40px;
	margin-bottom:20px;
}

}

.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;
}
#au_2021spring .c4_btn .c_how_imei {
	margin-top:0;
}
#au_2021spring .c4_btn .c_how_imei a {
	border-radius:5px;
}

#au_2021spring .dl_campaign-yoko .c_how_imei {
	margin-top:0;
	margin-bottom:0;
	display:inline-block;
	margin-left:15px;
}
#au_2021spring .dl_campaign-yoko .c_how_imei a {
	padding:5px 15px;
	border-radius:5px;
}
@media all and (max-width:816px) {
#au_2021spring .dl_campaign-yoko .c_how_imei {
	margin-top:5px;
	display:block;
	margin-left:0;
	text-align:left;
}
#au_2021spring .dl_campaign-yoko .c_how_imei a {
	padding:5px 15px;
	display:inline-block;
}
}



#x_app,
#a_app {
	display:none;
}



/*  確認用   */
#au_2021spring .visible-app,
#au_2021spring .hide {
	/*display:block !important;*/
}



.close_txt {
	text-align:center;
	font-size:18px;
	margin:30px 0;
}


.cod_h {
	margin-top:40px;
	padding:15px 20px;
	border-top:1px solid #b8b8b8;
	border-bottom:1px solid #b8b8b8;
	display:table;
}
.cod_h_ttl {
	display:table-cell;
	width:40%;
	vertical-align:middle;
	text-align:center;
}
.cod_h_txt {
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	font-size:16px;
	padding-left:4em;
}
@media all and (max-width:816px) {
.cod_h {
	padding:15px 3%;
}
.cod_h_ttl {
	display:block;
	width:100%;
}
.cod_h_ttl img {
	width:100%;
}
.cod_h_txt {
	display:block;
	width:100%;
	margin-top:1em;
	padding-left:0;
}
}
.cod_h_b_wp {
	border:1px solid #b8b8b8;
	border-radius:10px;
	margin-top:40px;
	padding:25px;
	margin-bottom:50px;
}
.cod_h.btm {
	margin:0;
	border:none;
	padding:0;
}
.cod_h_logo {
	display:table-cell;
	width:53%;
	vertical-align:top;
	text-align:center;
	padding-right:25px;
	padding-left:0;
}
.cod_h_logo img {
	width:230px;
}
.cod_h_ltxt {
	text-align:left;
	font-size:16px;
	line-height:1.6;
	margin-top:1em;
}
.cod_h_img {
	display:table-cell;
	vertical-align:top;
	text-align:center;
}
.cod_h_img img {
	width:100%;
}
.cod_stxt {
	text-align:left;
	font-size:12px;
	color:#333;
	margin-top:1.5em;
	line-height:1.4;
}
.cod_h_b_wp p {
	margin-bottom:0;
}
@media all and (max-width:816px) {
.cod_h_b_wp {
	margin-top:20px;
	padding:15px 3%;
	margin-bottom:50px;
}

.cod_h_logo {
	display:block;
	width:100%;
	text-align:center;
	padding-right:0;
}
.cod_h_logo img {
	width:80%;
}
.cod_h_img {
	display:block;
	width:100%;
}

}

.sp_dist {
	margin-top:40px;
}
@media all and (max-width:816px) {
.sp_dist {
	margin-top:20px;
}
}

.pre_txt {
	text-align:center;
	font-size:14px;
	color:#F00;
}