/* Common
---------------------------------------------- */

html.is_fixed,
body.is_fixed {
	overflow: hidden;
}
body.is_fixed.os_ios {
	position: fixed;
}
body {
	overflow-x: hidden;
}
.media_pc a:not(.service-map-btn):not(.banner-mypage):not(.banner-googleplay):not(.banner-appstore):not(.wifi-step-check-btn):hover img {
	opacity: 0.8;
}
.wrapper .main-wrap img {
	width: 100%;
}
.wrapper .main-wrap {
	padding-top: 0;
	padding-bottom: 0;
}
.breadcrumb {
	margin-left: 24px !important;
}
#sidebar-wrap .sidebar .wrap ul.darkgray#darkgray {
	margin-top: 0;
	border-top: 1px solid #5c5d63;
}
#sidebar-wrap .sidebar .wrap.sub_pages ul.darkgray.lighter {
	border-top: none;
}
@media only screen and (min-width: 1025px) {
	.wrapper .main-wrap {
		padding: 0 0 0;
		width: calc(100% - 165px);
		box-sizing: border-box;
	}
	#footer .contain .section .wrap {
		position: relative;
		overflow: visible;
	}
	#footer .contain .section .wrap:before {
		content: "";
		display: block;
		width: 2000px;
		height: 500px;
		background-color: #eef0f1;
		position: absolute;
		top: 0;
		left: -1980px;
		z-index: 2;
	}
	#sidebar-wrap .sidebar .wrap ul.darkgray#darkgray {
		border-radius: 5px 5px 0 0;
		border-top: none;
	}
}
@media only screen and (max-width: 1024px) {
	#sidebar-wrap .sidebar.toppage .wrap .title-menu.support-menu-toppage:before {
		content: "ダイハツコネクト";
	}
	#sidebar-wrap .sidebar .wrap .title-menu.show.support-menu-toppage:before {
		content: "閉じる";
	}
	.touch #sidebar-wrap.sticky .sidebar.toppage .wrap .title-menu {
		padding-top: 7px!important;
		height: 50px !important;
		box-sizing: border-box;
	}
	.wrapper .main-wrap {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.breadcrumb {
		margin-top: 50px;
		margin-left: 20px !important;
	}
	#sidebar-wrap.sticky + .article .breadcrumb {
		margin-top: 0;
	}
	#sidebar-wrap .sidebar .wrap.sub_pages ul.darkgray.lighter li:first-child {
		width: 50%;
		padding-left: 0;
		box-sizing: border-box;
	}
	#sidebar-wrap .sidebar .wrap.sub_pages ul.darkgray.lighter li:last-child {
		width: 50%;
		padding-right: 0;
		box-sizing: border-box;
	}
}
@media only screen and (min-width: 768px) {
	.is_sp {
		display: none !important;
	}
}
@media only screen and (max-width: 767px) {
	.article {
		overflow-x: hidden;
	}
	.changeScroll .article {
		overflow-x: visible;
	}
	.wrapper .main-wrap {
		padding-top: 0;
		padding-bottom: 35px;
	}
	.is_pc {
		display: none !important;
	}
	#sidebar-wrap .sidebar .wrap.sub_pages ul.darkgray.lighter li:first-child {
		width: 50% !important;
		padding-left: 0 !important;
		box-sizing: border-box;
	}
	#sidebar-wrap .sidebar .wrap.sub_pages ul.darkgray.lighter li:last-child {
		width: 50% !important;
		padding-right: 0 !important;;
		box-sizing: border-box;
	}
}


/* .main-title
---------------------------------------------- */

.main-title {
	position: relative;
	display: block;
	width: 100%;
	background-color: #fff;
	margin: 10px 0 0;
	padding: 30px 30px 0;
	box-sizing: border-box;
}
.main-title-l {
	display: table-cell;
	width: -webkit-calc(100% - 51.18%);
	width: calc(100% - 51.18%);
	padding: 0 0 0 0;
	box-sizing: border-box;
	vertical-align: top;
}
.main-title-r {
	display: table-cell;
	padding: 0 0 0 0;
	box-sizing: border-box;
	vertical-align: bottom;
}
.main-title-img {
	display: block;
	width: 334px;
	height: 101px;
	margin-bottom: 15px;
}
.main-copy {
	display: block;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
}

@media only screen and (min-width: 768px) and (max-width: 1140px) {
	/* .main-copy br.is_sp,
	.main-copy br.is_pc {
		display: none;
	}
	.main-copy > br.is_sp {
		display: block !important;
	} */
}
@media only screen and (min-width: 1025px) {
	.main-title:before {
		content: "";
		display: block;
		width: 2000px;
		height: 100%;
		background-color: #fff;
		position: absolute;
		top: 0;
		left: -1980px;
		z-index: 2;
	}
}

.main-txt {
	display: block;
	width: 100%;
	padding: 0 0 0;
	box-sizing: border-box;
	margin-bottom: 30px;
}

/* .note */

.note {
	display: block;
	width: 100%;
	padding: 0 0 0;
	box-sizing: border-box;
	font-size: 12px;
}
.note + .note {
	margin-top: 2px;
}

/* .note_list_01 */

.note_list_01 {
	position: relative;
}
.note_list_01 li {
	position: relative;
	display: block;
	width: 100%;
	padding: 0 0 0 14px;
	box-sizing: border-box;
	overflow: hidden;
}
.note_list_01 li::before {
	content: "※";
	width: 14px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.note_list_01 li.note_list_01_num01,
.note_list_01 li.note_list_01_num02,
.note_list_01 li.note_list_01_num03,
.note_list_01 li.note_list_01_num04,
.note_list_01 li.note_list_01_num05 {
	padding-left: 32px;
}
.note_list_01 li.note_list_01_num01::before {
	content: "※1：";
	width: 32px;
}
.note_list_01 li.note_list_01_num02::before {
	content: "※2：";
	width: 32px;
}
.note_list_01 li.note_list_01_num03::before {
	content: "※3：";
	width: 32px;
}
.note_list_01 li.note_list_01_num04::before {
	content: "※4：";
	width: 32px;
}
.note_list_01 li.note_list_01_num05::before {
	content: "※5：";
	width: 32px;
}
.note_list_01 li.note_list_01_num01b,
.note_list_01 li.note_list_01_num02b,
.note_list_01 li.note_list_01_num03b,
.note_list_01 li.note_list_01_num04b,
.note_list_01 li.note_list_01_num05b {
	padding-left: 26px;
}
.note_list_01 li.note_list_01_num01b::before {
	content: "※1";
	width: 26px;
}
.note_list_01 li.note_list_01_num02b::before {
	content: "※2";
	width: 26px;
}
.note_list_01 li.note_list_01_num03b::before {
	content: "※3";
	width: 26px;
}
.note_list_01 li.note_list_01_num04b::before {
	content: "※4";
	width: 26px;
}
.note_list_01 li.note_list_01_num05b::before {
	content: "※5";
	width: 26px;
}
.note_list_01 li + li {
	margin-top: 2px;
}

.nlink {
	position: relative;
	color: #CC0011;
	display: inline;
	text-decoration: underline;
	margin-right: 20px;
	-webkit-transition: color 0.4s;
	-moz-transition: color 0.4s;
	-ms-transition: color 0.4s;
	transition: color 0.4s;
}
.media_pc a.nlink:hover {
	color: #e68088 !important;
}

.link_pdf {
	position: relative;
	color: #CC0011;
	display: inline;
	text-decoration: underline;
	margin-right: 20px;
	-webkit-transition: color 0.4s;
	-moz-transition: color 0.4s;
	-ms-transition: color 0.4s;
	transition: color 0.4s;
}
.link_pdf:before {
	content: "";
	width: 16px;
	height: 16px;
	background: url(/connect/img/icn_pdf_01.png) left top no-repeat;
	background-size: contain;
	position: absolute;
	top: 3px;
	right: -18px;
}
.media_pc .link_pdf:hover {
	color: #e68088;
}


@media only screen and (max-width: 767px) {
	.main-title {
		margin-top: 4px;
		padding: 16px 16px 0;
		background-color: #fff;
	}
	.main-title-l {
		display: block;
		width: 100%;
		padding: 0 0 0 0;
	}
	.main-title-r {
		display: block;
		width: 100%;
		padding: 8px 0 0 0;
	}
	.main-title-img {
		width: 247px;
		height: 75px;
		margin-bottom: 7px;
	}
	.main-copy {
		font-weight: bold;
		font-size: 16px;
	}

	.main-txt {
		margin-bottom: 20px;
	}
	.main-contents > .main-txt {
		margin: 0 auto 20px;
		width: -webkit-calc(100% - 32px);
		width: calc(100% - 32px);
	}

	.main-contents > .note {
		margin: 0 auto 0;
		width: -webkit-calc(100% - 32px);
		width: calc(100% - 32px);
	}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
	.main-copy br.is_sp{
		display: none;
	}
	.main-copy br.is_pc  {
		display: block !important;
	}
}


/* .main-contents
---------------------------------------------- */

.main-contents {
	position: relative;
	display: block;
	width: 100%;
	background-color: #fff;
	margin: 0 0 0;
	padding: 50px 30px 70px;
	box-sizing: border-box;
}
@media only screen and (min-width: 1025px) {
	.main-contents:before {
		content: "";
		display: block;
		width: 2000px;
		height: 100%;
		background-color: #fff;
		position: absolute;
		top: 0;
		left: -1980px;
		z-index: 2;
	}
}
@media only screen and (max-width: 767px) {
	.main-contents {
		padding: 34px 0 64px;
	}
}


/* .headline-tit
---------------------------------------------- */

.headline-tit {
	position: relative;
	display: block;
	width: 100%;
	font-size: 24px;
	line-height: 1.5;
	color: #cc0011;
	margin: 0 0 32px;
	padding: 16px 0 0;
	box-sizing: border-box;
	border-top: 2px solid #cc0011;
}
* + .headline-tit {
	margin-top: 65px;
}
.headline-tit.icn-wifi {
	background: url(/connect/img/wifi/icn_connect.png) 3px 17px no-repeat;
	background-size: 41px 36px;
	padding-left: 46px;
}
@media only screen and (max-width: 767px) {
	.headline-tit {
		font-size: 24px;
		line-height: 1.5;
		color: #cc0011;
		margin: 0 auto 32px;
		padding: 16px 0 0;
		width: -webkit-calc(100% - 32px);
		width: calc(100% - 32px);
	}
	* + .headline-tit {
		margin-top: 65px;
	}
	.headline-tit.icn-wifi {
		background: url(/connect/img/wifi/icn_connect.png) 0 17px no-repeat;
		background-size: 41px 36px;
		padding-left: 43px;
	}
}


/* .headline-tit-m
---------------------------------------------- */

.headline-tit-m {
	display: inline-block;
	width: auto;
	font-size: 20px !important;
	font-weight: bold;
	line-height: 1.45;
	border-left: 4px solid #cc0011;
	padding-left: 20px;
	box-sizing: border-box;
	margin: 10px 0 5px !important;
}

@media only screen and (max-width: 767px) {
	.headline-tit-m {
		display: block;
		font-size: 20px;
		margin: 30px auto 0 !important;
		padding: 0 0 0 16px;
		width: -webkit-calc(100% - 32px);
		width: calc(100% - 32px);
	}
}


/* .common-btn01
---------------------------------------------- */

.common-btn01 {
	position: relative;
	display: block;
	width: 474px;
	margin: 28px auto 0;
	padding: 20px 0 20px;
	box-sizing: border-box;
	border: 5px solid #eee;
	background: #cc0011 url(/connect/img/icn_ar_white_01.svg) 424px center no-repeat;
	background-size: 18px 18px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
	border-radius: 70px;
	-webkit-transition: background-color 0.6s;
	-moz-transition: background-color 0.6s;
	-ms-transition: background-color 0.6s;
	transition: background-color 0.6s;
	-webkit-background-clip: padding-box; 
	-moz-background-clip: padding; 
	background-clip: padding-box;
}
.common-btn01:hover {
	color: #fff !important;
}
.media_pc .common-btn01:hover {
	color: #fff;
	background-color: #9d0307;
}
.common-btn01.is_deactive {
	background-color: #d0d0d0;
	pointer-events: none;
}
.common-btn01.ar_bottom {
	background-image: url(/connect/img/icn_ar_white_01_02.svg);
}
.common-btn01-white {
	padding: 0;
}
.common-btn01-white > span {
	position: relative;
	display: block;
	width: 464px;
	margin: 0;
	padding: 15px 0 15px;
	box-sizing: border-box;
	border: 5px solid #cc0011;
	background: #fff url(/connect/img/icn_ar_red_01.svg) 419px center no-repeat;
	background-size: 18px 18px;
	font-size: 18px;
	text-align: center;
	color: #cc0011;
	-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
	border-radius: 70px;
	-webkit-transition: background-color 0.6s,color 0.6s,border-color 0.6s;
	-moz-transition: background-color 0.6s,color 0.6s,border-color 0.6s;
	-ms-transition: background-color 0.6s,color 0.6s,border-color 0.6s;
	transition: background-color 0.6s,color 0.6s,border-color 0.6s;
	-webkit-background-clip: padding-box; 
	-moz-background-clip: padding; 
	background-clip: padding-box;
}
.media_pc .common-btn01-white > span::before {
	content: "";
	width: 18px;
	height: 18px;
	background: url(/connect/img/icn_ar_white_01.svg) 0 0 no-repeat;
	background-size: 18px 18px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -9px;
	left: 419px;
	z-index: 2;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	transition: opacity 0.6s;
	opacity: 0;
}
.media_pc .common-btn01-white:hover > span {
	color: #fff;
	background-color: #9d0307;
	border-color: #9d0307;
}
.media_pc .common-btn01-white:hover > span::before {
	opacity: 1;
}

@media only screen and (max-width: 767px) {
	.common-btn01 {
		width: 100%;
		width: -webkit-calc(100% - 16px);
		width: calc(100% - 16px);
		max-width: 354px;
		padding: 17px 0 17px;
		border: 5px solid #eee;
		background-image: none;
		font-size: 16px;
	}
	.common-btn01:not(.common-btn01-white) span {
		display: inline-block;
		padding-right: 24px;
		background: url(/connect/img/icn_ar_white_01.svg) right center no-repeat;
		background-size: 18px 18px;
	}
	.common-btn01.ar_bottom span {
		background: url(/connect/img/icn_ar_white_01_02.svg) right center no-repeat;
		background-size: 18px 18px;
	}
	.common-btn01-white {
		width: 100%;
		width: -webkit-calc(100% - 16px);
		width: calc(100% - 16px);
		max-width: 354px;
		padding: 0 !important;
		margin-top: 20px;
	}
	.common-btn01-white > span {
		/* position: relative;
		display: block;
		width: 464px;
		margin: 0;
		padding: 15px 0 15px;
		box-sizing: border-box;
		border: 5px solid #cc0011;
		background: #fff url(/connect/img/icn_ar_red_01.svg) 419px center no-repeat;
		background-size: 18px 18px;
		font-size: 18px;
		text-align: center;
		color: #cc0011; */
		display: block;
		width: 100%;
		padding: 17px 0 17px !important;
		/* border: 5px solid #eee; */
		background-image: none !important;
		font-size: 15px;
	}
	.common-btn01-white > span > span {
		position: relative;
		display: inline-block;
		padding-right: 24px;
		background: url(/connect/img/icn_ar_red_01.svg) right center no-repeat;
		background-size: 18px 18px;
	}
	.media_pc .common-btn01-white > span > span::before {
		content: "";
		width: 18px;
		height: 18px;
		background: url(/connect/img/icn_ar_white_01.svg) 0 0 no-repeat;
		background-size: 18px 18px;
		display: block;
		position: absolute;
		top: 50%;
		margin-top: -9px;
		right: 0;
		z-index: 2;
		-webkit-transition: opacity 0.6s;
		-moz-transition: opacity 0.6s;
		-ms-transition: opacity 0.6s;
		transition: opacity 0.6s;
		opacity: 0;
	}
	.media_pc .common-btn01-white:hover > span {
		color: #fff;
		background-color: #9d0307;
		border-color: #9d0307;
	}
	.media_pc .common-btn01-white:hover > span::before {
		display: none;
	}
	.media_pc .common-btn01-white:hover > span > span::before {
		opacity: 1;
	}
	@media only screen and (max-width: 374px) {

		.common-btn01-white > span {
			font-size: 13px;
		}
	}
}


/* .common-btn02
---------------------------------------------- */

.common-btn02 {
	position: relative;
	display: table;
	margin: 0 0;
}
.common-btn02 span {
	position: relative;
	display: inline-block;
	margin: 0 0;
	padding: 0 0 0 0;
	box-sizing: border-box;
	font-size: 14px;
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-ms-transition: opacity 0.4s;
	transition: opacity 0.4s;
}
.common-btn02 span::after {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-left: 4px;
	background: url(/connect/img/icn_ar_red_01.svg) left top no-repeat;
	background-size: 18px 18px;
	vertical-align: text-bottom;
}
.media_pc .common-btn02:hover {
	opacity: 1 !important;
}
.media_pc .common-btn02:hover span {
	opacity: 0.5;
}
.common-btn02 + .common-btn02 {
	margin-top: 10px;
}
@media only screen and (max-width: 767px) {
	.common-btn02 {
		padding: 0 16px;
		box-sizing: border-box;
	}
}


/* .wifi-about
---------------------------------------------- */

.wifi-about {
	display: block;
	width: 100%;
	margin-bottom: 75px;
}

/* .wifi-about-list */

.wifi-about-list {
	display: block;
	width: 100%;
	margin: -8px 0 27px;
}
.wifi-about-list li {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0 0 0 19px;
	box-sizing: border-box;
	background: url(/connect/img/icn_dot_01.svg) 0 15px no-repeat;
	background-size: 12px 12px;
	font-size: 16px;
	line-height: 2.3;
}
.wifi-about-list li:nth-child(2) {
	margin-top: 18px;
}
.wifi-about-list li strong {
	display: inline-block;
	position: relative;
	font-size: 22px;
	font-weight: bold;
	color: #cc0011;
	line-height: 1.5;
}
.wifi-about-list li:nth-child(1) strong {
	display: inline;
}
.wifi-about-list li strong.mr {
	margin-right: 24px;
}
.wifi-about-list sup {
	font-size: 12px;
	font-weight: normal;
	white-space: nowrap;
	display: block;
	position: absolute;
	right: -20px;
	top: 0;
}

@media screen and (max-width: 767px) {

	.wifi-about {
		margin-bottom: 60px;
	}
	
	/* .wifi-about-list */
	
	.wifi-about-list {
		margin: -4px 0 20px;
		padding: 0 16px;
		box-sizing: border-box;
	}
	.wifi-about-list li {
		padding: 0 0 0 18px;
		background: url(/connect/img/icn_dot_01.svg) 0 12px no-repeat;
		background-size: 12px 12px;
		font-size: 14px;
		/* line-height: 3.0; */
	}
	.wifi-about-list li:nth-child(2) {
		margin-top: 10px;
	}
	.wifi-about-list li strong {
		display: inline;
		font-size: 20px;
		color: #cc0011;
		line-height: 1.5;
		padding: 0 2px;
		box-sizing: border-box;
	}
	.wifi-about-list li strong.mr {
		margin-right: 0;
	}
	.wifi-about-list sup {
		display: inline-block;
		position: relative;
		right: 0;
		top:-4px;
		padding: 0 4px 0 0;
		color: #cc0011;
	}
	.wifi-about .note {
		padding: 0 16px;
		box-sizing: border-box;
	}
}


/* .wifi-use
---------------------------------------------- */

.wifi-use {
	display: block;
	width: 100%;
	margin-bottom: 80px;
}
.wifi-use-attention {
	display: block;
	width: 100%;
	padding: 22px 20px 22px 80px;
	border: 1px solid #999;
	box-sizing: border-box;
	background: url(/connect/img/icn_alert_01.svg) 19px center no-repeat;
	background-size: 42px 42px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height: 1.7;
	margin-bottom: 20px;
}
.wifi-use-attention strong {
	color: #cc0011;
}

@media screen and (max-width: 767px) {

	.wifi-use {
		padding: 0 16px;
		box-sizing: border-box;
		margin-bottom: 65px;
	}
	.wifi-use-attention {
		padding: 22px 20px 22px 80px;
		background: url(/connect/img/icn_alert_01.svg) 19px 22px no-repeat;
		background-size: 42px 42px;
	}
}


/* .wifi-soon
---------------------------------------------- */

.wifi-soon {
	display: block;
	width: 100%;
	margin-bottom: 75px;
}
.wifi-soon-l {
	display: table-cell;
	width: 260px;
	padding: 0 0 0 0;
	box-sizing: border-box;
	vertical-align: top;
}
.wifi-soon-r {
	display: table-cell;
	padding: 0 0 0 0;
	box-sizing: border-box;
	vertical-align: middle;
}
.wifi-soon-tit {
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
	color: #cc0011;
	line-height: 1.5;
	padding-bottom: 2px;
	margin-top: 0 !important;
}
.wifi-soon-tit-s {
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 3px;
}
.wifi-use-tit {
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
	color: #cc0011;
	line-height: 1.5;
	padding-bottom: 2px;
	margin-top: -5px !important;
	margin-bottom: 25px !important;
	padding-left: 7px;
}

/* .wifi-soon-note */

.wifi-soon-note {
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 1.7;
	padding-bottom: 12px;
	box-sizing: border-box;
}
.wifi-soon-note li {
	position: relative;
	display: block;
	width: 100%;
	padding-left: 18px;
	box-sizing: border-box;
	margin-top: 1px;
}
.wifi-soon-note li:before {
	content: "1.";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	color: #CC0011;
	font-weight: bold;
}
.wifi-soon-note li:nth-child(2):before {
	content: "2.";
}

@media screen and (max-width: 767px) {

	.wifi-soon {
		padding: 0 16px;
		box-sizing: border-box;
		margin-bottom: 65px;
	}
	.wifi-soon-l {
		display: block;
		width: 100%;
	}
	.wifi-soon-r {
		display: block;
		width: 100%;
		vertical-align: top;
		padding-top: 0;
	}
	.wifi-soon-tit {
		display: inline;
		font-size: 20px;
		padding-bottom: 3px;
	}
	.wifi-soon-tit-s {
		margin-top: 28px;
	}
	.wifi-use-tit {
		font-size: 19px;
		padding-top: 5px;
		padding-left: 20px;
	}
	
	/* .wifi-soon-note */
	
	.wifi-soon-note {
		padding-bottom: 0;
	}
}


/* .wifi-data
---------------------------------------------- */

.wifi-data {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 0 75px;
	padding: 0;
	box-sizing: border-box;
	cursor: default !important;
}

/* .wifi-data-list */

.wifi-data-list {
	display: table;
	table-layout: fixed;
	width: 100%;
	border: 1px solid #bfc1c8;
	box-sizing: border-box;
	border-collapse:collapse;
	line-height: 1.65;
	margin-top: -4px;
	margin-bottom: 20px;
}
.wifi-data-list th {
	background-color: #eeeeee;
	border-left: 1px solid #bfc1c8;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 18px 12px;
	box-sizing: border-box;
}
.wifi-data-list th:nth-child(1) {
	border-left: none;
}
.wifi-data-list td {
	border-left: 1px solid #bfc1c8;
	border-top: 1px solid #bfc1c8;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	padding: 24px 12px 26px;
	box-sizing: border-box;
}
.wifi-data-list td:nth-child(1) {
	border-left: none;
}

/* .wifi-data-note-tit */

.wifi-data-note-tit {
	display: block;
	width: 100%;
	font-size: 12px;
	margin-bottom: 4px;
	padding: 0 0;
	box-sizing: border-box;
}
.wifi-data-note {
	display: block;
	width: 100%;
	font-size: 12px;
	line-height: 1.7;
}
.wifi-data-note li {
	position: relative;
	display: block;
	width: 100%;
	padding-left: 14px;
	box-sizing: border-box;
	margin-top: 1px;
}
.wifi-data-note li:before {
	content: "●";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (max-width: 767px) {

	.wifi-data {
		margin: 0 0 65px;
		padding: 0 16px;
	}
	
	/* .wifi-data-list */
	
	.wifi-data-list {
		margin-top: 24px;
		margin-bottom: 20px;
	}
	.wifi-data-list th {
		font-size: 12px;
		padding: 9px 12px;
	}
	.wifi-data-list td {
		font-size: 12px;
		padding: 12px 12px 14px;
	}
}


/* .wifi-price
---------------------------------------------- */

.wifi-price {
	position: relative;
	display: block;
	width: 100%;
	margin: 25px 0 50px;
	padding: 0;
	box-sizing: border-box;
}

.wifi-price-tit {
	font-size: 20px;
}

/* .wifi-price-list */

.wifi-price-list {
	display: block;
	width: 100%;
	margin: -5px 0 15px;
}
.wifi-price-list:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}
.wifi-price-list li {
	display: block;
	width: 24%;
	margin: 1.51% 0 0 1.33%;
	box-sizing: border-box;
	float: left;
}
@media screen and (min-width: 768px) {

	.wifi-price-list li:nth-child(1),
	.wifi-price-list li:nth-child(2),
	.wifi-price-list li:nth-child(3),
	.wifi-price-list li:nth-child(4) {
		margin-top: 0;
	}
	.wifi-price-list li:nth-child(4n+1) {
		margin-left: 0;
	}
}
.wifi-price-list-tit {
	display: block;
	width: 100%;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #cc0011;
	border-bottom: 6px solid #fff;
	padding: 6px 10px 7px;
	box-sizing: border-box;
}
.wifi-price-list-tit span {
	font-size: 14px;
}
.wifi-price-list-txt {
	display: block;
	width: 100%;
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #bfc1c8;
	border-top: none;
	padding: 28px 10px 25px;
	box-sizing: border-box;
}
.wifi-price-list-txt span {
	font-size: 16px;
}
.wifi-price-list-tax {
	font-size: 18px !important;
	font-weight: normal;
}
.wifi-price-list-tax span {
	font-size: 12px;
}

/* .wifi-price-note */

.wifi-price-note {
	display: block;
	width: 100%;
}
.wifi-price-note:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}
.wifi-price-note-l {
	display: block;
	width: -webkit-calc(100% - 230px);
	width: calc(100% - 230px);
	float: left;
}
.wifi-price-note-r {
	display: block;
	width: 230px;
	float: left;
}
.wifi-price-note-img {
	display: block;
	width: 190px;
	border: 1px solid #c2c4cb;
	float: right;
}

@media screen and (max-width: 767px) {

	.wifi-price-tit {
		font-size: 18px;
		width: -webkit-calc(100% - 32px);
		width: calc(100% - 32px);
		margin: 0 auto 25px !important;
	}
	.wifi-price {
		margin: 25px 0 65px;
		padding: 0 16px;
	}
	
	/* .wifi-price-list */
	
	.wifi-price-list {
		margin: 4px 0 17px;
	}
	.wifi-price-list li {
		display: block;
		width: 32%;
		margin: 2% 0 0 2%;
		box-sizing: border-box;
		float: left;
	}
	.wifi-price-list li:nth-child(1),
	.wifi-price-list li:nth-child(2),
	.wifi-price-list li:nth-child(3) {
		margin-top: 0;
	}
	.wifi-price-list li:nth-child(3n+1) {
		margin-left: 0;
	}
	.wifi-price-list-tit {
		font-size: 16px;
		padding: 4px 10px 5px;
	}
	.wifi-price-list-tit span {
		font-size: 10px;
	}
	.wifi-price-list-txt {
		font-size: 20px;
		padding: 13px 10px 10px;
	}
	.wifi-price-list-txt span {
		font-size: 10px;
	}
	.wifi-price-list-tax {
		font-size: 14px !important;
		font-weight: normal;
	}
	.wifi-price-list-tax span {
		font-size: 10px;
	}

	/* .wifi-price-note */

	.wifi-price-note-l {
		width: 100%;
		float: none;
	}
	.wifi-price-note-r {
		width: 100%;
		float: none;
		text-align: center;
		margin-top: 30px;
	}
	.wifi-price-note-img {
		display: inline-block;
		width: 48%;
		border: 1px solid #c2c4cb;
		float: none;
	}
}


/* .wifi-step
---------------------------------------------- */

.wifi-step {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 0 80px;
	padding: 0;
	box-sizing: border-box;
}
.wifi-step01 {
	text-align: center;
	margin: 0 0 50px;
}

/* .wifi-step-tit */

.wifi-step-tit {
	display: block;
	widows: 100% !important;
	margin: 0 auto 50px !important;
	text-align: center;
	overflow: hidden;
}
.wifi-step01 .wifi-step-tit {
	margin: 0 auto 32px !important;
}
.wifi-step-tit span {
	position: relative;
	display: block;
	widows: 100%;
	margin: 0 auto;
	padding: 11px 0;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background: #cc0011 url(/connect/img/modal/icn_tri_02_l_pc.svg) left center no-repeat;
	background-size: 30px 90px;
}
.wifi-step-tit span:before {
	content: "";
	display: block;
	width: 30px;
	height: 90px;
	position: absolute;
	top: 50%;
	margin-top: -45px;
	right: 0;
	z-index: 2;
	background: url(/connect/img/modal/icn_tri_02_r_pc.svg) right center no-repeat;
	background-size: 30px 90px;
}

/* .wifi-step-list */

.wifi-step-list {
	clear: both;
	width: -webkit-calc(100% - 30px);
	width: calc(100% - 30px);
	margin: 0px auto 15px;
}
.wifi-step-list:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}
.wifi-step-list + .wifi-step-list {
	margin-top: 50px;
}
.wifi-step-list > li {
	display: block;
	width: 31.31%;
	margin: 0 0 0 2.92%;
	padding: 0;
	box-sizing: border-box;
	float: left;
	z-index: 1;
}
.wifi-step-list-frame {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 0 0 0;
	border: 1px solid #bfc1c8;
	padding: 44px 16px 21px;
	box-sizing: border-box;
	background-color: #fff;
	z-index: 1;
	text-align: center;
}
.wifi-step-list-frame::after {
	content: "";
	display: block;
	width: 16px;
	height: 27px;
	background: url(/connect/img/wifi/icn_ar_red_02_01.svg) left top no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	margin-top: -13.5px;
	right: -14px;
	z-index: 0;
}
.wifi-step-list > li:nth-child(1) {
	margin-left: 0;
}
.wifi-step-list + .wifi-step-list > li:nth-child(2) .wifi-step-list-frame::after {
	display: none;
}

.wifi-step-list-tit {
	display: inline-block;
	background-color: #cc0011;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	padding: 6px 20px 7px;
	box-sizing: border-box;
	position: absolute;
	top: -19px;
	left: 50%;
	margin: 0 !important;
	margin-left: -46px !important;
}
.wifi-step-list-tit:before {
	content: "";
	display: block;
	width: 12px;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: -12px;
}
.wifi-step-list-tit:after {
	content: "";
	display: block;
	width: 12px;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	right: -12px;
}
.wifi-step-list-img {
	display: block;
	max-width: 102px;
	width: 80%;
	margin: 0 auto 25px;
}
.wifi-step-list-txt {
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 1.7;
}

/* .wifi-step-check */

.wifi-step-check {
	display: block;
	width: 100%;
	width: -webkit-calc(100% - 30px);
	width: calc(100% - 30px);
	margin: 0 auto;
}
.wifi-step-check:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}
.wifi-step-check > li {
	display: block;
	width: 31.31%;
	margin: 0 0 0 2.92%;
	padding: 16px 0 26px;
	box-sizing: border-box;
	float: left;
	z-index: 1;
	border: 1px solid #bfc1c8;
}
.wifi-step-check li:nth-child(1){
	margin-left: 0;
}
.wifi-step-check-txt {
	display: table-cell;
	width: 100%;
	padding: 9px 15px 9px 82px;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
	vertical-align: middle;
	background: url(/connect/img/wifi/icn_check_03.svg) 22px center no-repeat;
	background-size: 46px 46px;
}
.wifi-step-check-btn {
	display: inline-block;
	width: 160px;
	height: 33px;
	margin-left: 3px;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.media_pc .wifi-step-check-btn:hover {
	opacity: 0.6;
}

/* .wifi-step-attention */

.wifi-step-attention {
	display: block;
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	color: #CC0011 !important;
	line-height: 1.5;
	border: 2px solid #D7D9E0;
	margin-top: 16px;
	padding: 6px 24px 6px 44px;
	box-sizing: border-box;
	background: #f7f8fa url(/connect/img/icn_alert_02.svg) 13px center no-repeat;
	background-size: 21px 21px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.media_pc .wifi-step-attention:hover {
	opacity: 0.5;
}
@media screen and (min-width: 768px) {
	.wifi-step-check + .wifi-step-attention {
		clear: both;
		display: inline-block;
		width: auto;
		margin: 32px auto 0;
		padding: 15px 24px 15px 44px;
	}
	.step-attention span {
		display: table-cell;
		height: 36px;
		min-height: 36px;
		vertical-align: middle;
	}
}

@media screen and (max-width: 1150px) {
	.wifi-step-list-txt br.is_pc {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	
	.wifi-step {
		margin: 0 0 65px;
		padding: 0 16px;
	}
	.wifi-step01 {
		text-align: left;
		margin: 0 0 40px;
	}

	/* .wifi-step-tit */
	
	.wifi-step-tit {
		widows: 100% !important;
		margin: 0 auto 42px !important;
	}
	.wifi-step01 .wifi-step-tit {
		margin: 0 auto 24px !important;
	}
	.wifi-step-tit span {
		font-size: 14px;
		padding: 8px 0;
		background: #cc0011 url(/connect/img/modal/icn_tri_02_l_pc.svg) -5px center no-repeat;
		background-size: 30px 90px;
	}
	.wifi-step-tit span:before {
		width: 30px;
		height: 150px;
		margin-top: -75px;
		background: url(/connect/img/modal/icn_tri_02_r_pc.svg) 5px center no-repeat;
		background-size: 30px 90px;
	}

	/* .wifi-step-list */

	.wifi-step-list {
		margin: 0;
		width: 100%;
	}
	.wifi-step-list + .wifi-step-list {
		margin-top: 55px;
	}
	.wifi-step-list > li {
		position: relative;
		width: 100%;
		margin: 55px 0 0;
		float: none;
	}
	.wifi-step-list-frame {
		text-align: left;
		padding: 32px 20px 22px 16px;
		padding: 26px 20px 22px 20px;
	}
	.wifi-step-list > li:before {
		content: "";
		display: block;
		width: 25px;
		height: 15px;
		background: url(/connect/img/wifi/icn_ar_red_02_02.svg) left top no-repeat;
		background-size: contain;
		position: absolute;
		top: -45px;
		left: 50%;
		margin-left: -12.5px;
		z-index: 0;
	}
	.wifi-step-list-frame::after {
		display: none;
	}
	.wifi-step-list > li:nth-child(1) {
		margin-top: 0;
	}
	.wifi-step-list > li:nth-child(1)::before {
		display: none;
	}
	.wifi-step-list + .wifi-step-list > li:nth-child(1)::before {
		display: block;
	}

	.wifi-step-list-img {
		display: table-cell;
		width: 80px;
		height: 75px;
		margin: 0;
	}
	.wifi-step-list-txt {
		display: table-cell;
		width: auto;
		font-size: 14px;
		line-height: 1.7;
		vertical-align: middle;
		padding-left: 26px;
		box-sizing: border-box;
	}

	/* .wifi-step-check */

	.wifi-step-check {
		margin: 0;
		width: 100%;
	}
	.wifi-step-check > li {
		width: 100%;
		margin: 10px 0 0;
		padding: 9px 0 20px;
		float: none;
		background: url(/connect/img/wifi/icn_check_03.svg) 16px center no-repeat;
		background-size: 45px 45px;
	}
	.wifi-step-check > li:nth-child(1) {
		margin-top: 0;
	}
	.wifi-step-check-txt {
		padding: 10px 20px 0 77px;
		font-size: 14px;
		min-height: 83px;
		line-height: 1.7;
		background-image: none;
	}
	.wifi-step-check-btn {
		display: block;
		margin: 10px 0 0 77px;
	}

	/* .wifi-step-attention */

	.wifi-step-attention {
		margin-top: 16px;
	}
	.wifi-step-attention span {
		display: table-cell;
		height: 34px;
		min-height: 34px;
		vertical-align: middle;
	}
}


/* .wifi-regist
---------------------------------------------- */

.wifi-regist {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 0 75px;
	padding: 0;
	box-sizing: border-box;
}

.main-txt + .note {
	margin-top: -12px;
}

/* form */

form {
	margin: 0;
	padding: 0;
}
input,select,textarea,button {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: none transparent;
	border: none;
	border-radius: 0;
	outline: none;
	resize: none;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	font-size: inherit;
	font-family: inherit;
	color: inherit;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
input[type="file"],select,button {
	cursor: pointer;
}
input::-ms-clear {
    visibility: hidden
}
input::-ms-reveal {
    visibility: hidden
}
select::-ms-expand {
	display: none;
}

/* .wifi-regist-checklist */

.wifi-regist-checklist {
	display: block;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 45px;
}
.wifi-regist-checklist:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}
.wifi-regist-label {
	display: block;
	width: -webkit-calc(50% - 10px);
	width: calc(50% - 10px);
	border: 2px solid #cc0011;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #ffeaea url(/connect/img/wifi/icn_check_01_01.svg) 17px center no-repeat;
	background-size: 26px 26px;
	padding: 21px 24px 21px 55px;
	box-sizing: border-box;
	margin-left: 20px;
	margin-bottom: 20px;
	float: left;
	font-size: 16px;
	line-height: 1.5;
	-webkit-transition: color 0.6s,-webkit-box-shadow 0.6s,-moz-box-shadow 0.6s,box-shadow 0.6s,background-color  0.6s,border-color  0.6s;
	-moz-transition: color 0.6s,-webkit-box-shadow 0.6s,-moz-box-shadow 0.6s,box-shadow 0.6s,background-color  0.6s,border-color  0.6s;
	-ms-transition: color 0.6s,-webkit-box-shadow 0.6s,-moz-box-shadow 0.6s,box-shadow 0.6s,background-color  0.6s,border-color  0.6s;
	transition: color 0.6s,-webkit-box-shadow 0.6s,-moz-box-shadow 0.6s,box-shadow 0.6s,background-color  0.6s,border-color  0.6s;
	cursor: pointer;
	-webkit-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
}
.wifi-regist-label span {
	display: table-cell;
	vertical-align: middle;
	overflow: hidden;
}
.wifi-regist-label.is_checked {
	border: 2px solid #d7d9e0;
	background: #f7f8fa url(/connect/img/wifi/icn_check_01_02.svg) 17px center no-repeat;
	background-size: 26px 26px;
	-webkit-box-shadow: 0 3px 1px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0 3px 1px rgba(0, 0, 0, 0);
	box-shadow: 0 3px 1px rgba(0, 0, 0, 0);
}
.media_pc .wifi-regist-label:hover {
	color: #888;
	border-color: #d7d9e0;
	background-color: #f7f8fa;
	-webkit-box-shadow: 0 3px 1px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0 3px 1px rgba(0, 0, 0, 0);
	box-shadow: 0 3px 1px rgba(0, 0, 0, 0);
}
.wifi-regist-label input {
	display: none;
}
.wifi-regist-label:nth-of-type(odd) {
	margin-left: 0;
}
.wifi-regist-label:nth-of-type(3) {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {

	.wifi-regist {
		margin: 0 0 65px;
		padding: 0 0;
	}
	
	.main-txt + .note {
		margin-top: -8px;
	}
	
	/* .wifi-regist-checklist */
	
	.wifi-regist-checklist {
		padding: 0 16px;
		box-sizing: border-box;
		margin-top: 25px;
		margin-bottom: 38px;
	}
	.wifi-regist-label {
		width: 100%;
		border: 2px solid #cc0011;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		background: #ffeaea url(/connect/img/wifi/icn_check_01_01.svg) 17px center no-repeat;
		background-size: 21px 21px;
		padding: 11px 12px 11px 52px;
		box-sizing: border-box;
		margin-left: 0;
		margin-bottom: 16px;
		float: none;
		font-size: 14px;
		line-height: 1.55;
	}
	.wifi-regist-label span {
		display: table-cell;
		vertical-align: middle;
		height: 42px;
		min-height: 42px;
	}
	.wifi-regist-label.is_checked {
		border: 2px solid #d7d9e0;
		background: #f7f8fa url(/connect/img/wifi/icn_check_01_02.svg) 17px center no-repeat;
		background-size: 21px 21px;
	}
}


/*-------------------------------------------- */
/* Module：.modal
---------------------------------------------- */

.modal {
	display: none;
	width: 100%;
	height: 100vh;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	background-color: rgba(0,0,0,0.8);
}
.os_ios .modal {
	display: none;
}
.modal-cover {
	display: block;
	width: 100%;
	height: 100vh;
	height: 100%;
	height: -webkit-calc(100vh + 40px);
	height: calc(100vh + 40px);
	background-color: transparent;
	position: fixed;
	top: -20px;
	left: -20px;
	z-index: 0;
}
.media_sp .modal-cover {
	left: 0;
}
.modal-wrap {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
	padding-bottom: 45px;
	box-sizing: border-box;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.modal-in {
	position: relative;
    display: block;
    width: 90%;
    max-width: 1024px;
	z-index: 2;
    margin: auto auto;
	background-color: #fff;
	height: auto;
	box-sizing: border-box;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 0;
}
.modal .modal-in.is_nocenter {
	margin: 40px auto !important;
	top: 0 !important;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	transition: none;
}
.modal-contents {
	position: relative;
    display: block;
    width: 100%;
    height: 100%;
	box-sizing: border-box;
	padding: 44px 44px 50px;
}

#modal02 .modal-in {
	max-width: 568px;
}

.modal-close-btn {
	display: block;
	width: 42px;
	height: 42px;
	position: absolute;
	top: 13px;
	right: 13px;
    z-index: 10;
	background: url(/connect/img/modal/btn_close_01.svg) left top no-repeat;
	background-size: contain;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.media_pc .modal-close-btn:hover {
	opacity: 0.6;
}

@media screen and (max-width: 767px) {
	.modal:not(.modalMovie) .modal-in {
		width: 90%;
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
		padding: 0;
        margin: 28px auto !important;
		top: 0 !important;
    }
	.modal-contents {
		padding: 30px 24px 34px;
	}
	.modal-close-btn {
		width: 40px;
		height: 40px;
		top: 8px;
		right: 2px;
	}
}

/*-------------------------------------------- */
/* Module：modal contents
---------------------------------------------- */

.modal-tit02 {
	display: block;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	color: #CC0011;
	line-height: 1.35;
	border-bottom: 2px solid #CC0011;
	padding-bottom: 10px;
	box-sizing: border-box;
	margin-bottom: 35px;
}

/* .modal-wifi-mypage */

.modal-wifi-mypage {
	display: block;
	width: 100%;
	margin: 40px 0 34px;
}
.modal-wifi-tit {
	display: table-cell;
	width: 100%;
	height: 72px;
	min-height: 72px;
	padding: 0 0 0 0;
	box-sizing: border-box;
	vertical-align: middle;
}
.modal-wifi-tit-tit {
	display: block;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 4px;
}
.modal-wifi-tit-txt {
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 1.7;
}
.banner-mypage {
	display: block;
	width: 234px;
	height: 94px;
	margin-top: 10px;
}

/* .modal-wifi-app */

.modal-wifi-app {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}
.modal-wifi-app > li:nth-child(1) {
	display: table-cell;
	width: -webkit-calc((100% - 44px)/2);
	width: calc((100% - 44px)/2);
}
.modal-wifi-app > li:nth-child(2) {
	display: table-cell;
	padding-left: 44px;
	box-sizing: border-box;
}
#modal01 .modal-contents {
	padding-bottom: 40px;
}

/* .modal-wifi-applink */

.modal-wifi-applink {
	display: table;
	width: 100%;
	margin: 10px 0;
}
.modal-wifi-applink > li:nth-child(1) {
	display: table-cell;
	width: -webkit-calc((100% - 16px)/2);
	width: calc((100% - 16px)/2);
}
.modal-wifi-applink > li:nth-child(2) {
	display: table-cell;
	padding-left: 16px;
	box-sizing: border-box;
}
.media_pc .modal .banner-mypage img,
.media_pc .modal .banner-googleplay img,
.media_pc .modal .banner-appstore img {
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.media_pc .modal .banner-mypage:hover img,
.media_pc .modal .banner-googleplay:hover img,
.media_pc .modal .banner-appstore:hover img {
	opacity: 0.6;
}

/* .modal-wifi-check */

.modal-wifi-check {
	display: block;
	width: 100%;
	border: 1px solid #bfc1c8;
	padding: 25px 25px;
	box-sizing: border-box;
	margin-top: -8px;
}
.modal-wifi-check li {
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	padding-left: 22px;
	box-sizing: border-box;
	margin-top: 12px;
	background: url(/connect/img/wifi/icn_check_02.svg) left 6px no-repeat;
	background-size: 15px 15px;
}
.modal-wifi-check li:nth-child(1){
	margin-top: 0;
}

@media screen and (max-width: 767px) {

	.modal-tit02 {
		font-size: 20px;
		padding-bottom: 17px;
		margin-bottom: 26px;
	}
	
	/* .modal-wifi-mypage */
	
	.modal-wifi-mypage {
		display: block;
		width: 100%;
		margin: 32px 0 30px;
	}
	.modal-wifi-tit-tit {
		font-size: 16px;
		margin-bottom: 2px;
	}
	.modal-wifi-tit-txt {
		font-size: 12px;
	}
	.banner-mypage {
		margin-top: 14px;
	}
	
	/* .modal-wifi-app */
	
	.modal-wifi-app {
		display: block;
	}
	.modal-wifi-app > li:nth-child(1) {
		display: block;
		width: 100%;
	}
	.modal-wifi-app > li:nth-child(2) {
		display: block;
		width: 100%;
		padding-left: 0;
		padding-top: 16px;
	}
	
	/* .modal-wifi-applink */
	
	.modal-wifi-applink {
		margin-top: 14px;
		margin-bottom: 14px;
	}
	.modal-wifi-applink > li:nth-child(1) {
		display: table-cell;
		width: -webkit-calc((100% - 10px)/2);
		width: calc((100% - 10px)/2);
	}
	.modal-wifi-applink > li:nth-child(2) {
		display: table-cell;
		padding-left: 10px;
		box-sizing: border-box;
	}

	/* .modal-wifi-check */
	
	.modal-wifi-check {
		padding: 20px 15px;
		margin-top: 0;
	}
	.modal-wifi-check li {
		font-size: 14px;
		background: url(/connect/img/wifi/icn_check_02.svg) left 3px no-repeat;
		background-size: 15px 15px;
	}
}


/* .wifi-announce
---------------------------------------------- */

.wifi-announce {
	position: relative;
	display: block;
	width: 100%;
	padding: 22px 20px 22px;
    box-sizing: border-box;
	border: 2px solid #cc0011;
	text-align: center;
	margin-top: -10px;
}
.wifi-announce a {
	margin-right: 0;
}
.wifi-announce:before {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/connect/img/modal/icn_tri_01.svg) left top no-repeat;
    background-size: contain;
    z-index: 2;
}
#regist + .wifi-announce {
	margin-top: 0;
	margin-bottom: 22px;
}
@media screen and (max-width: 767px) {
	.wifi-announce {
		width: calc(100% - 32px);
		margin: -10px auto 0;
	}
	.headline-tit.icn-wifi {
		margin-top: 50px;
	}
}


/* .connect-howto
---------------------------------------------- */

.connect-howto {
	position: relative;
	display: block;
	width: 100%;
	margin: 50px 0 60px;
	padding: 45px 40px 32px 50px;
	box-sizing: border-box;
	border: 2px solid #cc0011;
}
.connect-howto:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}
.connect-howto.howto03 {
	padding-bottom: 30px;
}

/* .connect-howto-tit */

.connect-howto-tit {
	display: inline-block;
	background-color: #cc0011;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	padding: 17px 32px 16px;
	box-sizing: border-box;
	position: absolute;
	top: -27px;
	left: 50%;
	margin: 0 !important;
	margin-left: -179px !important;
}
.connect-howto-tit:before {
	content: "";
	display: block;
	width: 20px;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: -20px;
}
.connect-howto-tit:after {
	content: "";
	display: block;
	width: 20px;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	right: -20px;
}

/* .connect-howto-list */

.connect-howto-list {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}
.howto03 .connect-howto-list {
	width: 787px;
	width: 79.89%;
	width: 100%;
}
.connect-howto-list:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}
.connect-howto-list > li {
	/* position: relative; */
	display: block;
	width: 143px;
	width: 186px;
	/* width: 22.77%; */
	float: left;
	margin-left: 295px;
	margin-left: 46.97%;
	margin-left: -webkit-calc(100% - 190px - 143px);
	margin-left: calc((100% - 186px - 186px - 143px - 130px - 130px)/4);
	/* margin-left: 0; */
	box-sizing: border-box;
}
.connect-howto-list > li:nth-child(1) {
	margin-left: 0;
}
.connect-howto-list > li:nth-child(3) {
	width: 143px;
}
.connect-howto-list > li:nth-child(4),
.connect-howto-list > li:nth-child(5) {
	width: 130px;
}
@media screen and (min-width: 768px) and (max-width: 1180px) {
	.connect-howto {
		margin: 50px 0 60px;
		padding: 45px 80px 32px 60px;
	}
	.connect-howto-list {
		max-width: 660px;
	}
	.connect-howto-list > li {
		margin-left: calc((100% - 186px - 186px - 143px)/2);
	}
	.connect-howto-list > li:nth-child(4),
	.connect-howto-list > li:nth-child(5) {
		margin-left: calc((100% - 143px - 143px)/3);
	}
}


/* .connect-howto-list > li:before {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	background: url(/connect/img/icn_plus_01.svg) left top no-repeat;
	background-size: contain;
	position: absolute;
	top: 75px;
	left: -40px;
} */
/* .howto03 .connect-howto-list > li:before {
	display: none !important;
}
.howto03 .connect-howto-list > li {
	background-image: none !important;
} */
/* @media screen and (min-width: 768px) {
	.howto03 .connect-howto-list > li {
		margin-left: 180px;
		margin-left: -webkit-calc((100% - 143px - 143px - 143px)/2);
		margin-left: calc((100% - 143px - 143px - 143px)/2);
	}
	.connect-howto-list > li:nth-child(1) {
		width: 190px;
		margin-left: 0;
	}
	.howto03 .connect-howto-list > li:nth-child(1) {
		width: 143px;
	}
	.connect-howto-list > li:nth-child(1):before {
		display: none;
	}
	.howto03 .connect-howto-list > li:nth-child(2):before {
		left: 33.33%;
		margin-left: -45px;
		left: -webkit-calc(((100% - 429px)/4)+143px);
		left: calc(((100% - 429px)/4)+143px);
	}
	.howto03 .connect-howto-list > li:nth-child(3):before {
		left: 66.66%;
		margin-left: 15px;
		left: -webkit-calc((((100% - 429px)/4)*3)+286px);
		left: calc((((100% - 429px)/4)*3)+286px);
	}
	.howto03 .connect-howto-list > li:nth-child(3) {
		width: 142px;
	}
	.connect-howto-list > li:nth-child(1),
	.connect-howto-list > li:nth-child(2),
	.connect-howto-list > li:nth-child(3) {
		padding-top: 23px;
	}
	.howto01 .connect-howto-list {
		margin-left: 60px;
		margin-left: 10%;
	}
	.howto01 .connect-howto-list > li:nth-child(1),
	.howto01 .connect-howto-list > li:nth-child(2),
	.howto01 .connect-howto-list > li:nth-child(3) {
		width: 190px;
		width: 22.48%;
		margin-left: 0;
	}
	.howto01 .connect-howto-list > li:nth-child(2) {
		letter-spacing: -1px;
	}
	.howto01 .connect-howto-list > li:nth-child(2),
	.howto01 .connect-howto-list > li:nth-child(3) {
		margin-left: 112px;
		margin-left: -webkit-calc((100% - 23% - 23% - 29%)/2);
		margin-left: calc((100% - 23% - 23% - 29%)/2);
	}
	.howto01 .connect-howto-list > li:nth-child(2):before {
		left: auto;
		margin-left: -45px;
		margin-left: -webkit-calc(((100% - 23% - 23% - 22%)/4)*-1);
		margin-left: calc(((100% - 23% - 23% - 22%)/4)*-1);
		top: 90px;
	}
	.howto01 .connect-howto-list > li:nth-child(3):before {
		left: auto;
		margin-left: -45px;
		margin-left: -webkit-calc(((100% - 23% - 23% - 22%)/4)*-1);
		margin-left: calc(((100% - 23% - 23% - 22%)/4)*-1);
		top: 90px;
	}
	.howto01 .connect-howto-list > li:nth-child(3) .connect-howto-img {
		text-align: center;
	}
	.howto01 .connect-howto-list > li:nth-child(3) .connect-howto-img img {
		width: 75%;
	}
	@media screen and (max-width: 1190px) {
		.howto01 .connect-howto-list > li:nth-child(2) .connect-howto-txt br {
			display: none;
		}
	}
} */
.connect-howto-img {
	display: block;
	width: 100%;
}
.connect-howto-txt {
	position: relative;
	display: block;
	width: 100%;
	font-size: 14px;
	text-align: center;
	margin-top: 2px;
}
.connect-howto-txt-list {
	position: relative;
	display: block;
	width: 110%;
	font-size: 12px;
	text-align: left;
	margin: 0;
	padding-left: 4px;
	box-sizing: border-box;
}
.connect-howto-txt-list > li {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding-left: 14px;
	box-sizing: border-box;
}
.connect-howto-txt-list > li::before {
	content: "・" !important;
	display: block !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: auto !important;
	height: auto !important;
	background-image: none !important;
}
.connect-howto-txt-list > li.connect-howto-txt-list-note::before {
	content: "※" !important;
}

/* .connect-howto-list + .note {
	width: 100%;
	display: block;
	margin-top: 35px;
}

.connect-howto-list + .connect-howto-stit,
.main-txt + .connect-howto-stit {
	width: 100%;
	display: block;
	border-top: 1px solid #cc0011;
	padding-top: 16px;
	margin-top: 24px;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.5;
	color: #CC0011;
}
.main-txt + .connect-howto-stit {
	border-top: none;
	margin-top: -10px;
}
.connect-howto .main-txt {
	margin: 0 0 8px !important;
} */

/* @media only screen and (min-width: 768px) {
	.howto03 .connect-howto-list .connect-howto-img,
	.howto03 .connect-howto-list .connect-howto-img img {
		width: 143px;
		height: 128px;
	}
} */
/* @media only screen and (max-width: 1024px) {
	
	.howto03 .connect-howto-list > li:nth-child(2):before {
		margin-left: -30px;
	}
	.howto03 .connect-howto-list > li:nth-child(3):before {
		margin-left: 0;
	}
	.connect-howto-txt {
		font-size: 13px;
	}
	.connect-howto-txt-list {
		font-size: 11px;
	}
	.connect-howto-txt-list li {
		padding-left: 12px;
	}
	.connect-howto-list .connect-howto-list-s li:before {
		left: -39%;
	}
} */
@media only screen and (max-width: 767px) {
	.connect-howto {
		width: -webkit-calc(100% - 32px);
		width: calc(100% - 32px);
		margin: 40px auto 48px;
		padding: 50px 16px 26px 16px;
	}
	/* .connect-howto.howto02 {
		padding: 20px 16px 18px 16px;
		margin-bottom: 38px;
	}
	.connect-howto.howto01 {
		margin-top: 55px;
		padding-top: 50px;
	} */
	/* .connect-howto.howto03 {
		padding-bottom: 18px;
	} */
	
	/* .connect-howto-tit */
	
	.connect-howto-tit {
		font-size: 16px;
		line-height: 1.5;
		padding: 9px 25px 10px;
		top: -34px;
		left: 50%;
		text-align: center;
		margin-left: -97px !important;
	}
	.connect-howto.howto02 .connect-howto-tit {
		padding: 11px 29px 12px;
		top: -26px;
		margin-left: -69px !important;
	}
	.connect-howto.howto01 .connect-howto-tit {
		margin-left: -97px !important;
		top: -33px;
	}
	
	/* .connect-howto-price */
	
	/* .connect-howto-price {
		margin: 0 0 14px;
		padding: 0 0 12px;
	}
	.connect-howto-price span {
		font-size: 72px;
	} */
	
	/* .connect-howto-list */
	
	.connect-howto-list {
		width: 100% !important;
	}
	.connect-howto-list > li {
		clear: both;
		width: 100% !important;
		float: none;
		margin-left: 0;
		padding-top: 25px;
	}
	.connect-howto-list > li:nth-child(2) {
		padding-top: 15px;
	}
	.connect-howto-list > li:nth-child(3) {
		padding-top: 30px;
	}
	.connect-howto-list li:before {
		display: none;
	}
	.connect-howto-list > li:nth-child(1) {
		width: 100%;
		margin-left: 0;
		background-image: none;
		padding-top: 0;
	}
	.connect-howto-list li:nth-child(1):before {
		display: none;
	}
	.connect-howto-list li:nth-child(2):before {
		display: none;
	}
	/* .connect-howto-list > li:nth-child(2) {
		padding-top: 70px;
	} */
	/* .howto03 .connect-howto-list > li:nth-child(2) {
		padding-top: 25px;
	}
	.howto03 .connect-howto-list > li:nth-child(3) {
		padding-top: 20px;
	}
	.connect-howto-list > li:nth-child(3) {
		padding-top: 60px;
		background-position: center 16px;
	} */
	.connect-howto-img {
		display: table-cell;
		width: 125px;
	}
	.connect-howto-txt {
		display: table-cell;
		width: auto;
		font-size: 14px;
		text-align: left;
		margin-top: 0;
		padding-left: 8px;
		box-sizing: border-box;
		vertical-align: middle;
	}
	.connect-howto-txt-list {
		padding-left: 0;
		margin-top: 3px;
	}
	.connect-howto-txt-list li {
		padding: 0;
		padding-left: 14px;
		background-image: none;
	}
	.connect-howto-list li:nth-child(3) .connect-howto-txt br,
	.connect-howto-list li:nth-child(4) .connect-howto-txt br {
		display: block;
	}
	/* .howto01 .connect-howto-list > li:nth-child(2) {
		padding-top: 64px;
		background-position: center 12.5px;
	}
	.connect-howto-list + .note {
		margin-top: 25px;
	} */

	/* @media screen and (max-width: 374px) {
		.connect-howto-list {
			width: 100% !important;
		}
		.connect-howto-tit {
			font-size: 13px;
			margin-left: -83.5px !important;
		}
		.connect-howto.howto02 .connect-howto-tit {
			margin-left: -61.5px !important;
		}
		.connect-howto.howto01 .connect-howto-tit {
			margin-left: -83.5px !important;
		}
		.howto01 .connect-howto-list > li:nth-child(3) br {
			display: none;
		}
	} */
}


/* .connect-check
---------------------------------------------- */

.connect-check {
	display: block;
	border: 1px solid #bfc1c8;
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 75px;
	padding: 25px 30px;
}
.connect-check-box {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
}
.connect-check-box + .connect-check-box {
	border-top: 1px solid #bfc1c8;
	margin-top: 20px;
	padding-top: 20px;
}
.connect-check-box-l {
	position: relative;
	display: block;
	width: calc(100% - 290px);
	padding: 6px 30px 0 45px;
	box-sizing: border-box;
}
.connect-check-box-r {
	display: block;
	width: 290px;
	padding-right: 30px;
	box-sizing: border-box;
}
.connect-check-num {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #CC0011;
	position: absolute;
	top: 6px;
	left: 22px;
}
.connect-check-txt {
	display: block;
	font-size: 14px;
}
.connect-check-btn {
	display: block;
	width: 260px;
	background-color: #DC000C;
	border-radius: 100px;
	padding: 7px 10px;
	box-sizing: border-box;
	text-align: center;
	transition: opacity 0.6s;
}
.connect-check-btn span {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
    background: url(/connect/img/icn_ar_white_02.svg) right center no-repeat;
    background-size: 14px 14px;
	padding-left: 4px;
	padding-right: 17px;
	box-sizing: border-box;
	padding-bottom: 1px;
}
.connect-check-btn.connect-check-pdf span {
    background: url(/connect/img/icn_pdf_02.png) left center no-repeat;
    background-size: 15.5px 15.5px;
	padding-left: 20px;
	padding-right: 4px;
}
.media_pc .connect-check-btn:hover {
	opacity: 0.6;
}

@media only screen and (max-width: 767px) {

	.connect-check {
		width: calc(100% - 32px);
		margin: 35px auto 65px;
		padding: 24px 16px 26px;
	}
	.connect-check-box {
		display: block;
	}
	.connect-check-box + .connect-check-box {
		margin-top: 24px;
		padding-top: 24px;
	}
	.connect-check-box-l {
		padding: 0 0 0 25px;
		width: 100%;
	}
	.connect-check-box-r {
		width: 100%;
		padding-right: 0;
		margin-top: 24px;
	}
	.connect-check-num {
		font-size: 14px;
		top: 0;
		left: 5px;
	}
	.connect-check-btn {
		width: 270px;
		padding: 7px 10px;
		margin: 0 auto;
	}
}