@charset "utf-8";

/* ---------------------
	[WSYS-2957] LP新規作成_WEB広告用LP
	https://townwifi.com/lp/wifirental20off
	上記ページでもこのCSSをよんでいます。
--------------------- */

html{
	color:#000;
	background:#FFF;
}
body{
	-webkit-text-size-adjust:100%;
}
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
input,textarea,button,select,
time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
}
td,th{
	vertical-align:top;
}
img{
	vertical-align:bottom;
}
ul,ol,li{
	list-style:none;
}
table{
	border-collapse: separate;
	border-spacing:0;
}
p,li,dd,dt,td,th{
	word-wrap:break-word;
}
select,input{
	word-wrap:normal;
}
address,caption,cite,code,dfn,em,strong,th,var,time,mark{
	font-style:normal;
	font-weight:normal;
}
caption,th{
	text-align:left;
}
q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;
	font-variant:normal;
}
mark{
	color:#000;
	background:#FFF;
}
sup{
	vertical-align:text-top;
}
sub{
	vertical-align:text-bottom;
}
input,textarea,select,keygen{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
legend{
	color:#000;
}
pre,code,
kbd,samp,tt{
	font-family:monospace;
	line-height:100%;
}
input:not([type=radio]):not([type=checkbox]) ,textarea,select,button{
	/*iosでボタンなどのデフォルト装飾を解除*/
	-webkit-appearance:none;
	-moz-appearance: none;
	appearance: none;
}
input:focus,
select:focus,
textarea:focus{
	outline: 0;
}
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
	border: 0px;
}


/* ---------------------
	- common setting
	- wrapper
	- header
	- container
	- footer
--------------------- */


/* =====================
	common setting
===================== */

html {
	height: 100%;
	font-size: 10px;
	/* 1rem=10px */
}
body {
	height: 100%;
	font-size: 1.6rem;
	color: #333333;
}
a {
	color: #e388ab;
	text-decoration: underline;
}
a:hover {
	color: #EFBCD0;
}
a,
a:hover,
a:visited,
a:active {
	text-decoration: none;
}
.rollover:hover {
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80);
	opacity: 0.8;
}
button,
input,
textarea,
body {
	/*
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
*/
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
i {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	display: inline-block;
}
img {
	max-width: 100%;
	height: auto;
}
.container .sp , .header_right .sp{
	display: none;
}

.pc-inline{
	display: inline !important;
}

/*	float
------------------------*/

.clearfix {
	zoom: 1;
}
.clearfix:after {
	display: block;
	content: "";
	clear: both;
	visibility: hidden;
}
.float_l {
	float: left;
}
.float_r {
	float: right;
}
.float_l_pc {
	float: left;
}
.float_r_pc {
	float: right;
}

/*	btn_regist
------------------------*/

.btn_regist {
	display: inline-block;
	position: relative;
	width: 500px;
	max-width: 530px;
	margin: 0;
	background: #EC4646;
	border-radius: 2.5em;
	text-align: center;
}

.btn_regist a {
	display: block;
	position: relative;
	color: #fff;
	text-align: center;
	line-height: 80px;
	font-size: 3.0rem;
	font-weight: 600;
	border-radius: 2.5em;
}

.btn_regist a:hover {
	color: #fff;
}

.btn_regist a:after {
	display: inline-block;
	position: absolute;
	margin: 0 0 0 15px;
	line-height: 1;
	content: "";
	width: 20px;
	height: 100%;
	background: url("../../images/page/lp/wifiservice/ico_right.png") no-repeat center center;
	background-size: 80%;
	top: 0;
}

.black_shadow{
	box-shadow: 0 5px 5px rgba(0,0,0,0.3);
}

.btn_regist_small {
	width: 300px;
	height: 50px;
}
.btn_regist_small a {
	font-size: 1.6rem;
	line-height: 50px;
}

.btn_regist_small a:after {
	width: 15px;
}

.cursor_pointer:hover {
	cursor: pointer;
}

.ml--25{
	margin-left: -25px;
}

/* =====================
	wrapper
===================== */

.wrapper {
	width: 100%;
}


/* =====================
	header
===================== */

.header {
	width: 1200px;
	height: 80px;
	margin: 0 auto;
}
.header .header_left p {
	padding: 10px 0 0 5px;
	font-size: 0.9rem;
	line-height: 1.5rem;
}

.header .header_left .logo {
	width: 230px;
}

@media all and (-ms-high-contrast: none){
	.header_logo_ie {
		height: 41px;
	}
}

.header .header_right .btn_regist {
	margin: 20px 0 0 0;
}



/* =====================
	container
===================== */

.container {
	width: 100%;
}

/*	visual_area
------------------------*/

.visual_area {
	position: relative;
	z-index: 0;
	width: 1200px;
	height: 595px;
	margin: 0 auto;
	/* WSYS-11713 【フロント】自社LPのMV差し替え_総額割引から端末割引へ変更 20241128 M.Shimizu */
	background: url("../../images/contents/wifirental20off/bg_main_pc.png?date=20241128") no-repeat;
}
.visual_area.lp_bnr {
	background: none;
}
.visual_area .content_area {
	/*width: 666px;*/
	width: 100%;
	height: 100%;
	padding: 40px 0 0 100px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}

.visual_area .content_area .btn_regist {
	position: absolute;
	right: 0;
	bottom: 60px;
	left: 0;
	max-width: 732px;
	margin: 0 auto;
}
.visual_area.lp_bnr + .btn_area {
	display: none;
}

.visual_area .content_area .img_main {
	margin: 0 0 35px 0;
}

.mainvisual_caption {
	width:1200px;
	margin: 0 auto;
	font-size: 1.2rem;
}

.visual_area{
	position: relative;
	margin: 0 auto;
	z-index: 1;
}
.sns_area{
	position:absolute;
	top:600px;
	right:18px;
	margin-top: 5px;
}
.sns_area ul{
	letter-spacing:-.50em;
}
.sns_area li{
	letter-spacing:normal;
	display:inline-block;
	width:50px;
	margin-left:10px;
}
.sns_area img{
	max-width: 100%;
}


/*	特定アフィででるボタン
------------------------*/

.lp_bnr_img_main_visual img{
	position: relative;
	z-index: -2;
	max-width: none;
}

.lp_bnr_img_main_visual .btn_regist{
	display: none;
}

.lp_bnr_img_main_visual.on_regist_btn .btn_regist{
	display: block;
	position: absolute;
	bottom: 46px;
	left: calc(50% - 276px);
}

.lp_bnr_img_main_visual.on_regist_btn .btn_regist:before{
}


/*	content_area
------------------------*/

.content_area {
	position: relative;
	z-index: 0;
	width: 100%;
	padding: 40px 0 40px 0;
}

.content_area .content_block {
	width: 960px;
	margin: 0 auto;
}
.area_bg {
	background: #f3f3f1;
}
.area_center {
	text-align: center;
}
.content_box + .content_box {
	margin: 40px 0 0 0;
}

/*	content_area > headline, text
------------------------*/

.content_area h3 {
	margin: 0 0 50px 0;
	font-size: 2.9rem;
	font-weight: normal;
	line-height: 1.3;
}
.content_area strong {
	font-weight: bold;
}
.content_area .border_title {
	display: inline-block;
	margin: 0 0 35px 0;
	padding: 5px 2px 5px 2px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	color: #000;
}
.content_area .rounded_title {
	display: inline-block;
	margin: 40px 0 40px 0;
	padding: 2px 30px 2px 30px;
	background: #172c4f;
	border-radius: 2em;
	color: #fff;
	font-size: 1.7rem;
	font-weight: normal;
}
.content_area .text_underline {
	border-bottom: 1px solid #adadad;
}

/*	content_area = wifi_area
------------------------*/

.wifi_area .content_text {
	width: 430px;
	padding: 40px 0 0 0;
}
.wifi_area .content_img {
	margin: 0;
}
.wifi_area .notes_mark {
	font-size: 1.4rem;
	font-weight: bold;
	vertical-align: top;
}
.wifi_area .small {
	font-size: 1.4rem;
}

/*	content_area = plan_area
------------------------*/

.speed_area, .capacity_area {
    background: #ffffff;
    margin: 30px 0;
}
.speed_area {
    padding: 50px;
}
.speed_area .plan_difference {
    padding: 0 100px;
}
.speed_area .-item_speed .module-border_box {
    padding: 10px 5px 10px 10px;
}
.speed_area h4.-title,
.capacity_area h4.-title {
    color: #333333;
    font-weight: 700;
    font-size: 2.4rem;
    text-align: center;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
}
.speed_area .history_area {
    border: 1px solid #d3d3d3;
    padding-bottom: 40px;
    margin-top: 20px;
}
.capacity_area {
    background: #ffffff;
    padding: 50px 0 0;
}

.fairuse_area .-inner_title {
	text-align: center;
	font-weight: 700;
	font-size: 2.0rem;
	margin-bottom: 30px;
}

.fairuse_box {
	justify-content: space-between;
	width: 700px;
	margin: 0 auto 20px;
}

.fairuse_box .-img {
	flex-shrink: 0;
	margin-right: 20px;
}

.fairuse_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.fairuse_list .-item {
	width: 160px;
	height: 200px;
	background-color: #f7f0e6;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

.fairuse_list .-item:nth-child(1),
.fairuse_list .-item:nth-child(2),
.fairuse_list .-item:nth-child(3),
.fairuse_list .-item:nth-child(4) {
	margin-bottom: 20px;
}

.fairuse_list .-item .-ico {
	padding-top: 25px;
	text-align: center;
}

.fairuse_list .-item .-ico img {
	width: 60px;
}

.fairuse_list .-item .-item_ttl {
	font-weight: 700;
	text-align: center;
	line-height: 1.2;
	color: #00336d;
}

.fairuse_list .-item .indication_txt {
	padding: 8px 0;
	color: #fff;
	font-weight: 700;
	background-color: #bf9d6f;
	width: 100%;
	text-align: center;
}

.plan_capacity .-note {
	font-size: 1.2rem;
}

/*	content_area = simulator_area
------------------------*/

.simulator_area {
	background: url("../../images/contents/wifirental/bg_simulator.png");
}
.simulator_area .content_block {
	margin: 0 auto 50px auto;
}
.simulator_area .border_title {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	color: #fff;
}
.simulator_area .price_search02 {
	position: relative;
}
.simulator_area .price_search02 .tit_box {
	margin-bottom:10px;
}
.simulator_area .price_search02 .first_view {
	margin-bottom:10px;
}
.simulator_area .price_search02 table.select_box th {
	display:none;
}
.simulator_area .price_search02 table.select_box {
	width:700px;
}
.simulator_area .price_search02 table.select_box td {
	width:300px;
}

.simulator_area .price_search02 table.select_box .area {
	width:239px;
}

.simulator_area .price_search02 .country .selectTypeA {
	width: 400px;
}


.simulator_area #add_view table.select_box td {
	padding-bottom:20px;
}
.simulator_area .price_search02 .box02 {
	position:absolute;
	top:0;
	right:0;
}
.simulator_area .price_search02 .box02 .price_btn_02 {
	position: relative;
	left: 15px;
	width: 260px;
	height: 50px;
	background: #FF3366;
	border-radius: 2em;
}
.simulator_area .price_search02 .box02 .price_btn_02 p {
	position: relative;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
}
.simulator_area .price_search02 .box02 .price_btn_02 p:after {
	display: inline-block;
	position: absolute;
	right: 25px;
	content: "\f107";
	font-family: FontAwesome;
}
.box03:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.box03 {
	display: inline-block;
}
/* Hides from IE Mac */
* html .box03 {
	height: 1%;
}
.box03 {
	display: inline-block;
}
/* End Hack */
.simulator_area .price_search02 .box03 {
	width: 360px;
	height: 60px;
	margin: 40px 0 0 0;
	padding: 0 20px;
	display: inline-block;
	background: #fff;
	border-radius: 5px;
}
.simulator_area .price_search02 .perday {
	display:inline-block;
	font-size:18px;
	vertical-align: middle;
	margin-right:10px;
}
.simulator_area .price_search02 dl {
	display:inline-block;
	position:relative;
}
.simulator_area .price_search02 dl dt {
	display:inline-block;
	color:#000;
	font-weight:bold;
	font-size:26px;
	line-height: 60px;
}
.simulator_area .price_search02 dl dd{
	display:inline-block;
	font-weight:bold;
	font-size:18px;
}

.simulator_area label.selectTypeA {
	top: 11px;
	border: none;
	border-radius: 5px;
}
.simulator_area label.selectTypeA input {
	border: none;
	border-radius: 0;
}
.simulator_area label.selectTypeA select {
	padding-right:40px;
	width: 105%;
}

/*	content_area = map_area
------------------------*/

.map_area .content_text {
	width: 874px;
	margin: 0 auto 40px auto;
	text-align: center;
}
.map_area .content_text p {
	text-align: left;
}
.map_area .map_navi {
	height: 697px;
}

#fancybox-content {
	padding: 0;
}
.lightboxInline {
	padding: 0;
}#deli01 {
	height:625px;
	width:874px;
	margin:auto;
	position:relative;
}
#deli01 .img01 {
	position:absolute;
	top:0;
	right:0;
}


#deli01 #mapbg{
	position:absolute;
	top:160px;
	left:199px;
}

#deli01 ul.links {
	width:190px;
	position:absolute;
	top:160px;
	left:0;
	z-index:2;
}

#deli01 ul.links li{
	width:200px;
	line-height:1.1em;
	font-size:13px;
}

#deli01 ul.links li a{
	background:url(/common/images/contents/countries/deli_btnbg.png) no-repeat left top;
	display:block;
	height:36px;
	color:#fff;
	box-sizing:border-box;
	line-height:36px;
	padding-left:15px;
	text-decoration:none;
}

#deli01 ul.links li a:hover{
	text-decoration:none;
	opacity:0.7;
	filter: alpha(opacity=70);
}

#deli01 ul.links li.link01 {
	margin-bottom:13px;
}

#deli01 ul.links li.link02 {
	margin-bottom:16px;
}
#deli01 ul.links li.link12 {
	margin-bottom:16px;
}
#deli01 ul.links li.link03 {
	margin-bottom:16px;
}
#deli01 ul.links li.link11 {
	margin-bottom:12px;
}
#deli01 ul.links li.link04 {
	margin-bottom:7px;
}

#deli01 ul.links li.link17 {
	margin-bottom:7px;
}

#deli01 ul.links.right {
	left:auto;
	right:0px;
	top:160px;
}

#deli01 ul.links li.link05 {
	margin-bottom:8px;
}

#deli01 ul.links li.link06 {
	margin-bottom:8px;
}
#deli01 ul.links li.link07 {
	margin-bottom:40px;
}
#deli01 ul.links li.link08 {
	margin-bottom:15px;
}
#deli01 ul.links li.link09 {
	margin-bottom:36px;
}
#deli01 ul.links li.link10 {
	margin-bottom:15px;
}
#deli01 ul.links li.link15 {
	margin-bottom:8px;
}
#deli01 ul.links li.link14 {
	margin-bottom:17px;
}
#deli01 ul.links li.link16 {
	margin-bottom:8px;
}
#deli01 ul.links li.link18 {
	margin-bottom:8px;
}
#deli01 ul.links li.link19 {
	margin-bottom:7px;
}
#deli01 ul.links li.link20 {
	margin-bottom:8px;
}
#deli01 ul.links li.link21 {
	margin-bottom:19px;
}
#deli01 ul.links li.link22 {
	margin-bottom:10px;
}
#deli01 ul.links li.link13 {
	margin-bottom:8px;
}



#deli01 .discri {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 2;
}
#deli01 p.p01 {
	line-height: 2.4em;
}
#deli01 p.p01 .row01 {
	color: #3ba3ed;
	font-size: 22px;
	font-weight: bold;
}
#deli01 p.p01 .row02 {
	color: #3ba3ed;
	font-size: 24px;
	font-weight: bold;
}
#deli01 p.p02 {
	font-size: 16px;
}
#deli01 p.p02 strong {
	font-size: 20px;
	font-weight: bold;
}
#deli01 .img01 {
	position: absolute;
	right: 10px;
	top: 5px;
}
.popup {
	width:840px;
	padding:20px;
	background:#fff;
	font-size:13px;
	box-sizing: initial;
}
.popup h2 {
	font-size: 20px;
}
.popup h3 {
	clear:both;
	background:url(/common/images/contents/countries/h2_bg.png) #51aef0 repeat-x;
	text-align:left;
	padding:14px 10px 15px;
	margin-bottom:20px;
	margin-top:20px;
	color:#fff;
	font-weight:bold;
	font-size:20px;
}
.popup h3 ~ h3{
	margin-top:60px;
}
.popup h5 {
	font-weight:bold;
	font-size:14px;
	border-bottom:1px dotted #42799f;
	padding-bottom:6px;
	margin-bottom:8px;
	margin-top:15px;
}
.popup h4{
	color:#000;
	line-height:1.4em;
	padding-top:5px;
	padding-bottom:5px;
	font-size:18px;
}
.popup h4 ~ h4{
	margin-top:60px;
}
.popup .rightbox {
	width:475px;
	float:right;
}
.popup p{
	font-size:13px;
	line-height:22px;
}
.popup .rightbox:after {
	content:"";
	display:block;
	clear:both;
}
.popup .imgframe{
	width:818px;
	padding:10px;
	border:1px solid #CCC;
}

/*	content_area = step_area
------------------------*/

.step_area .content_box {
	margin: 0 0 40px 0;
}
.step_ol .step_li {
	position: relative;
	width: 213px;
}
.step_ol .step_li:not(:last-child) {
	margin: 0 35px 0 0;
}
.step_ol .step_li:not(:last-child):after {
	display: inline-block;
	position: absolute;
	top: 150px;
	right: -27px;
	content: "\f105";
	font-family: FontAwesome;
	font-size: 4rem;
}
.step_ol .step_li h4 {
	display: inline-block;
	width: 100%;
	margin: 0 0 30px 0;
	padding: 2px 0 2px 0;
	background: #172c4f;
	border-radius: 2em;
	color: #fff;
	font-size: 1.8rem;
	font-weight: normal;
	text-align: center;
}
.step_ol .step_li p {
	text-align: left;
}
.step_ol .step_li p:nth-of-type(1) {
	margin: 0 0 30px 0;
	text-align: center;
}

/*	content_area = pack_area
------------------------*/

.pack_area .content_block {
	box-shadow: 0 0 6px 3px #ccc;
	padding: 40px 30px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
.pack_area .content_block .inner {
	width: 706px;
	margin: 0 auto 40px auto;
}
.pack_area .content_text {
	width: 530px;
	text-align: left;
}
.pack_area .content_text p + p {
	margin: 40px 0 0 0;
}
.pack_area .rounded_title {
	margin: 0 0 30px 0;
}
.pack_table {
	border: 5px solid #f3f3f1;
	border-collapse: collapse;
}
.pack_table th,
.pack_table td {
	border: 5px solid #f3f3f1;
	vertical-align: middle;
}
.pack_table th {
	height: 50px;
	font-size: 1.4rem;
	text-align: center;
	line-height: 1.5;
}
.pack_table .side_th {
	background: #172c4f;
	color: #fff;
	font-weight: bold;
}
.pack_table .side_th small {
	font-size: 1.2rem;
	font-weight: normal;
}
.pack_table td {
	line-height: 50px;
}
.pack_table td strong {
	color: #ff3366;
	font-weight: bold;
}

/*	content_area = voice_area
------------------------*/

.voice_area .content_block {
	margin: 0 auto 40px auto;
	width: 980px;
}

.voice_area .voice_list,
.voice_area .voice_list .voice_box,
.voice_area .voice_list .-detail{
	box-sizing: border-box;
}

.voice_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 20px;
}

.voice_box {
	width: 430px;
	position: relative;
	background: #fff8d5;
	margin: 0 auto 70px;
	padding: 50px 35px 0;
	box-shadow: 7px 7px 0 rgba(1, 68, 112, 0.3);
	transition: 0.2s;
}

.voice_box .-ttl {
	font-size: 1.8rem;
	color: #fff;
	text-align: center;
	position: absolute;
	background: #39b1ff;
	width: 160px;
	margin: 0 auto;
	padding: 5px 0;
	border: 1px solid #eeeeee;
	box-shadow: 7px 7px 0 rgba(1, 68, 112, 0.3);
	left: 0;
	right: 0;
	top: -22px;
	z-index: 5;
}

.voice_box .-btn {
	font-size: 1.5rem;
	text-align: center;
	font-weight: 700;
	background: #fff;
	width: 140px;
	margin: 15px auto;
	padding: 5px 0;
	border: 1px solid #444444;
	border-radius: 18px;
}

.voice_box .-detail {
	position: absolute;
	color: #fff;
	top: 0;
	left: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	padding: 10px;
	background: rgba(251,52,138,0.9);
	transition: 0.2s;
	opacity: 0;
}

.voice_box .-img > img{
	transition: 0.2s;	
}

.voice_box:hover .-img > img{
	transform: scale(1.05);
}

.voice_box:hover .-detail {
	z-index: 2;
	opacity: 1;
}

.voice_box .cap_txt {
	margin-top: 70px;
}

/*	content_area = support_area
------------------------*/
/* WSYS-12340 【フロント】Skypeサービス終了に伴い削除① 20250527 J.Jiyun */
.support_area .content_block {
	display: flex;
	align-items: center;
	justify-content: space-around;
	height: 395px;
	padding: 50px 0 50px 40px;
	box-shadow: 0 0 6px 3px #ccc;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
.support_area .content_text {
	width: 480px;
	height: 100%;
}
.support_area .content_text h3 {
	margin: 0 0 30px 0;
	border-bottom: 1px solid #333;
}

/*	content_area = qa_area
------------------------*/

.qa_area .content_block {
	margin: 0 auto 40px auto;
}
.qa_area .qa_dl{
	width: 100%;
	border-bottom: 1px solid #172c4f;
	text-align: left;
}
.qa_area .q_text {
	position: relative;
	width: 100%;
	padding: 3px 0 0 45px;
	font-size: 1.8rem;

	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
.qa_area .q_text:not(:first-child) {
	padding: 20px 0 0 45px;
	border-top: 1px solid #172c4f;
}
.qa_area .a_text {
	position: relative;
	margin: 15px 0 0 0;
	padding: 3px 20px 20px 45px;
	font-size: 1.4rem;

	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
.qa_area .q_text:before,
.qa_area .a_text:before {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
	line-height: 30px;
}
.qa_area .q_text:before {
	content: "Ｑ";
	background: #172c4f;
}
.qa_area .q_text:not(:first-child):before {
	top: 20px;
}
.qa_area .a_text:before {
	content: "Ａ";
	background: #ff9900;
}
.more_btn {
	font-size: 1.4rem;
	text-align: right;
}

/* =====================
	footer
===================== */

/* START WSYS-11212 【フロント・VMDB】新規場所追加_グランデュオ蒲田 20240718 M.Amano */
.footer {
	width: 100% !important;
	height: 60px !important;
	background: #172c4f !important;
}
.footer .copyright {
	color: #fff !important;
	text-align: center !important;
	font-size: 1.2rem !important;
	line-height: 60px !important;
}
/* E N D WSYS-11212 【フロント・VMDB】新規場所追加_グランデュオ蒲田 20240718 M.Amano */





.base_btn {
	color:#fff;
	border-radius:4px;
	width:100%;
	background:transparent;
	display:block;
	font-weight: bold;
	font-size:2.1rem;
	cursor:pointer;
	line-height:70px;
	position: relative;
	text-decoration:none;
	text-align: center;
	margin:0;
}

.base_btn:visited , .base_btn:link {
	color:#fff;
	text-decoration: none;
}

.base_btn:after {
	content: "\f0a9";
	font-family:"FontAwesome";
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	margin:0 10px 0;
	color:#fff;
	position: absolute;
	right:3%;
	font-size:2.1rem;
	vertical-align: middle;
}

.base_btn:hover {
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
	color:#fff;
}


.base_btn.inline {
	display:inline-block;
	width:auto;
	margin:0px;
	padding:0px 10px;
	font-size:1.4rem;
	line-height: 1.8;
}

.base_btn.inline:after {
	display:none;
}

.base_btn i {
	font-size:2.1rem;
	vertical-align: middle;
	font-weight: normal;
}






/* -------------------------------------
	モーダルボックス
---------------------------------------- */



/* -------------------------------------
	モーダルボックス
---------------------------------------- */

.modalBoxContents {
	font-size:1.4rem;
	color:#333;
	text-align: left;
}

.modalBoxContents a {
	color:#da0000;
	text-decoration: underline;
}

.modalBoxContents .img_box {
	margin:0 20px 30px 0;
	float:left;
}

.modalBoxContents .img_box {
	overflow: hidden;
}

.popup_close_box {
	text-align: center;
	margin:30px 0 ;
}

.overLayer {
	 display:none;
	 background:#000;
	 opacity:0.7;
	 width:100%;
	 height:100%;
	 z-index:999;
	 position:fixed;
	 top:0;
	 left:0;
}

.modalBox {
	 background:#fff;
	 padding:30px;
	 width:auto;
	 height:auto;
	 border:solid 5px #004fa9;
	 border:solid 5px #999;
	 z-index:2000;
	 position:fixed;
	 text-align: center;
}

.modalBox .close {
	 background:#2f2f2f;
	 width:30px;
	 height:30px;
	 line-height:30px;
	 color:#fff;
	 cursor:pointer;
	 text-align:center;
	 font-size:200%;
	 position:absolute;
	 top:0px;
	 right:0px;
}




.popup_close_btn.inline {
	background:#000;
	min-width:200px;
	line-height:40px;
}

#fancybox-close{
	right: -13px;
}



/* // Simulation ----------- */
#Simulation {
	background-color:#FFF;
	position:relative;
	border:1px solid #a8a8a8;
	padding:27px 44px 30px;
	margin-top:50px;
	margin-bottom:50px;
}
#Simulation .tit {
	position:absolute;
	left:50%;
	top:-20px;
	margin-left:-233px;
}

#Simulation .price_search02 {
	width: 570px;
	margin: 0 auto;
}
#Simulation .price_search02 .tit_box {
	margin-bottom:10px;
}


#Simulation .price_search02 .first_view {
	margin-bottom:20px;
}
#Simulation .price_search02 table.select_box th {
	display:none;
}
#Simulation .price_search02 table.select_box {
	width:600px;
}
#Simulation .price_search02 table.select_box td {
	width:300px;
}

#Simulation #add_view table.select_box td {
	padding-bottom:20px;
}

#Simulation .price_search02 .box02 {
/*	position:absolute;
	top:80px;
	right:40px;*/
}

#Simulation .price_search02 .box02 img{
	cursor: pointer;
}

.box03:after {	 content: ".";	display: block;	height: 0;	font-size:0;	 clear: both;	visibility:hidden;}
.box03 {	display: inline-block;}
/* Hides from IE Mac */
* html .box03 {	height: 1%;	}
.box03 {	display:block;	}
/* End Hack */

#Simulation .price_search02 .box03 {
	padding-left:92px;
}

#Simulation .price_search02 .perday {
	display:inline-block;
	font-size:18px;
	vertical-align: middle;
	margin-right:10px;
}
#Simulation .price_search02 dl {
	display:inline-block;
	border:5px solid #a4a4a4;
	line-height:1.1em;
	padding: 5px;
	vertical-align: middle;
	min-width:125px;
	position:relative;
}
#Simulation .price_search02 dl dt {
	display:inline-block;
	color:#000;
	font-weight:bold;
	font-size:26px;
	padding-right:5px;
}
#Simulation .price_search02 dl dd{
	display:inline-block;
	font-weight:bold;
	font-size:18px;
}

#Simulation label.selectTypeA {
	background:url(/common/images/contents/price/simulator_select_bg_01.png) right center no-repeat;
	width:270px;
}
#Simulation label.selectTypeA select {
	padding-right:40px;
	width: 100%;
}
#Simulation .addBtn,
#Simulation .delBtn,
#Simulation .calculateBtn{
	cursor:pointer;
}
#Simulation .addBtn:hover,
#Simulation .delBtn:hover,
#Simulation .calculateBtn:hover{
	opacity:0.8;
}
.pl_simulator_area{
	background-color: #f8f8f8;
	padding: 30px 0;
	margin: 0 0 70px 0;
}

/* //  [WSYS-2579] priceページ修正-----------↓ */

.price_plandate_icon_wrap:after{
	content: "";
	display: block;
	clear: both;
}

.price_plandate_icon{
	width: 210px;
}

.price_plandate_icon .ttl{
	text-align: center;
	font-weight: bold;
	line-height: 1.4;
	font-size: 16px;
}

.price_plandate_table th{
	width: 102px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.price_plandate_table th p{
	/*background-color: #c6ecff;*/
	background-color: #b5e6ff;
	margin: 3px;
	padding: 6px 6px;
	border-radius: 6px;
}

.price_plandate_table .th02{
	/*background-color: #ffcd7e;*/
	background-color: #ffd48f;
}

.price_plandate_table .th03{
	/*background-color: #f7b5b9;*/
	background-color: #f9c4c7;
}
.price_plandate_table .th04{
	/*background-color: #f7b5b9;*/
	background-color: #cab3f8;
}

.price_plandate_table td{
	padding: 0 3px;
	font-weight: bold;
	font-size: 14px;
	vertical-align: middle;
	text-align: right;
}

.price_simu_left{
	float: left;
	margin-top: 10px;
}

.box0203_wrap{
	width: 264px;
	float: right;
	margin-top: 10px;
}

.box0203_wrap img{
	margin-bottom: 10px;
}

.ttl_20off{
	min-width: 960px;
	max-width: 1200px;
	margin: 0 auto;
	background-color: #FFFF00;
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	padding: 20px 8px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
.ttl_20off em{
	font-weight: bold;
}
.ttl_20off .ttl{
	display: inline-block;
	padding: 8px 16px;
	margin: 0 8px 0 0;
	border-radius: 12px;
	font-size: 26px;
	color: #fff;
	background-color: #2a70d3;
}
.ttl_20off .txt{
	font-size: 28px;
	color: #2a70d3;
}
.ttl_20off_date{
	min-width: 960px;
	max-width: 1200px;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	background-color: #FFFF00;
	text-align: center;
	font-size: 22px;
	font-weight: normal;
	padding: 20px 8px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}

.discount_price {
	background:#fff;
	padding:10px;
	margin:20px auto;
	width:380px;
	border-radius: 4px;

}



/*タブ表示のときの調整ここから*/
.header {
	width: 100%;
	max-width: 1200px;
	min-width: 960px;
}
.visual_area {
	min-width: 960px;
	max-width: 1200px;
	width: 100%;
	background-position: center center;
}
.visual_area .content_area {
	/*max-width: 1200px;*/
	padding: 40px 0 0 10%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
.content_area {
	min-width: 960px;
}
.visual_area .content_area {
	min-width: auto;
}
.footer {
	min-width: 960px;
}
/*タブ表示のときの調整ここまで*/




/*　[WSYS-4683] start　*/

.logo_link:hover{
	color: #0a4087;
}

	/* [WSYS-4158]のコピー start */
	.wrap_btn_cv_page_bottom .btn_cv_page_bottom{
		display: none;
	}
	/* [WSYS-4158]のコピー end */

/*　[WSYS-4683] end　*/




/* スマピのバナーを単独で使うときに背景色エリアにつける余白 */
.module-smapi_area{
	background-color: #008ae1;
	padding: 40px 0 25px;
}
/* スマピのバナー */
.module-smapi_btn{
	max-width: 800px;
	margin: 0 auto;
	border-radius: 6px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 3px 0px 0px rgba(0, 93, 151, 0.4);
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	text-decoration: none;
	position: relative;
	padding: 22px 0 15px 205px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	font-weight: 700;
	/* 追加 */
	box-sizing: border-box;
}
.module-smapi_btn,
.module-smapi_btn .-label,
.module-smapi_btn .-smapi_txt .-name,
.module-smapi_btn .-label .-label_title,
.module-smapi_btn:after,
.module-smapi_btn .-label_txt,
.module-smapi_btn:hover .-top,
.module-smapi_btn .-airport_txt{
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.module-smapi_btn:hover{
	background-color: #001f5e;
	text-decoration: none;
}

.module-smapi_btn:hover .-label{
	border-color: #ffffff;
}
.module-smapi_btn:hover .-label .-label_title{
	background-color: #ffffff;
	color: #001f5e;
}
.module-smapi_btn:hover .-smapi_txt .-name,
.module-smapi_btn:hover:after,
.module-smapi_btn:hover .-label_txt,
.module-smapi_btn:hover .-airport_txt{
	color: #ffffff;
}
.module-smapi_btn:after {
	color: #008ae1;
	content:"\f0a9";
	font-family: "Font Awesome 5 Free";
	position: absolute;
	font-size: 2.4rem;
	font-weight: 900;
	right:12px;
	bottom: 15px;
	/*　追加↓　*/
	font-family: "FontAwesome";
}
.module-smapi_btn .-img{
	position: absolute;
	bottom: 0;
	left: 0;
}

/* 追加↓ */
.module-smapi_btn:hover .-img img{
	opacity: 1;
}

.module-smapi_btn .-airport_txt{
	font-size: 2.8rem;
	color: #000000;
	letter-spacing: normal;
	line-height: 1;
}

.module-smapi_btn .-smapi_txt{
	flex-grow: 1;
	letter-spacing: normal;
}
.module-smapi_btn .-smapi_txt .-top{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0 20px 20px 0;
	margin-bottom: 15px;
	border-bottom: 2px solid #008ae1;
}
.module-smapi_btn:hover .-smapi_txt .-top{
	border-bottom-color: #ffffff;
}
.module-smapi_btn .-smapi_txt .-name{
	font-size: 3.4rem;
	line-height: 1.1;
	/* 追加↓ */
	color: #008ae1;
}

.module-smapi_btn .-label{
	border: 2px solid #008ae1;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	line-height: 1.3;
	width: 350px;
}
.module-smapi_btn .-label .-label_title{
	background: #008ae1;
	color: #ffffff;
	font-size: 2.2rem;
	text-align: center;
	width: 50%;
	line-height: 1.1;
	padding: 3px 0;
}
.module-smapi_btn .-label .-label_title .-num{
	font-size: 3.4rem;
}
.module-smapi_btn .-label .-label_title .-unit{
}
.module-smapi_btn .-label_txt{
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-around;
	color: #008ae1;
	width: 50%;
}
.module-smapi_btn .-label_txt .-txt01{
	font-size: 2.3rem;
}


/* wifirentaltw用 */
.wifirentaltw .visual_area {
	/* WSYS-11713 【フロント】自社LPのMV差し替え_総額割引から端末割引へ変更 20241128 M.Shimizu */
	background: url("../../images/contents/wifirentaltw/bg_main_pc.png?date=20241128") no-repeat;
}

/* WSYS-10152 【サイト】速度・容量についてのコンテンツを修正 */
.plan_column {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
.plan_column .-item:not(.-ico) {
	border: 1px solid #008ae1;
}
.plan_column .-item .-title {
	color: #07308c;
	font-weight: 700;
	font-size: 2rem;
	text-align: center;
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
}
.plan_column .-item_speed {
	padding: 20px 40px;
	width: 300px;
}
.plan_column .-item_speed .-communicationspeed {
	padding: 0 10px 20px;
}
.plan_column .-item_speed .-communicationspeed .-img {
	width: auto;
}
.plan_column .-item_capacity {
	padding: 20px 50px;
	width: 300px;
}
.plan_column .-item_capacity .img {
    margin-top: 40px;
}
.plan_column .-item.-ico {
	font-size: 4rem;
	font-weight: 700;
	color: #008ae1;
	display: flex;
	align-items: center;
}

/* WSYS-10176 【サイト】容量の目安コンテンツの修正 20240613 N.Kita */
.data_capacity {
	box-sizing : border-box;
	display: flex;
	gap: 5px;
}
.data_capacity .data_capacity_table {
	width:100%;
	border-top: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	table-layout: fixed;
	border-spacing: 0;
	margin:0 auto;
	box-sizing : border-box;
}
.data_capacity .data_capacity_table th,
.data_capacity .data_capacity_table td {
	border-bottom: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	vertical-align: middle;
	text-align: center;
	}
	.data_capacity .data_capacity_table th {
	padding: 20px 0;
	color: #fff;
	font-size: 1.2rem;
	font-weight:bold;
}
.data_capacity .data_capacity_table th._navy{
	background-color:#071f49;
}
.data_capacity .data_capacity_table th._blue{
	background-color:#16308c;
}
.data_capacity .data_capacity_table th._lightblue{
	background-color:#2c8ae1;
}
.data_capacity .data_capacity_table th._orange{
	background-color:#f9962b;
}
.data_capacity .data_capacity_table td._Ico_sns {
	color: #333;
	font-size:16px;
	padding: 30px 0;
}
.data_capacity .data_capacity_table td._Ico_sns h3{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 0;
}
.data_capacity ._b_detail{
	background:#e0f2fe;
}
.data_capacity ._o_detail{
	background:#fdf2e4;
}
.data_capacity ._b_detail .youtube_data_plan,
.data_capacity ._l_detail .youtube_data_plan,
.data_capacity ._o_detail .youtube_data_plan {
	padding: 5px;
	width: 100%;
}
.data_capacity ._b_detail .youtube_data_plan tr,
.data_capacity ._l_detail .youtube_data_plan tr,
.data_capacity ._o_detail .youtube_data_plan tr {
	border-bottom: dashed 1px #d3d3d3;
	display: table;
	padding: 4px 4px 4px 0;
	width: 100%;
}
.data_capacity ._b_detail .youtube_data_plan td,
._b_detail .youtube_data_plan .border_none,
.data_capacity ._l_detail .youtube_data_plan td,
._l_detail .youtube_data_plan .border_none,
.data_capacity ._o_detail .youtube_data_plan td,
._o_detail .youtube_data_plan .border_none {
	border: none;
}
.data_capacity ._b_detail .youtube_data_plan .youtube_petabyte,
.data_capacity ._l_detail .youtube_data_plan .youtube_petabyte,
.data_capacity ._o_detail .youtube_data_plan .youtube_petabyte {
	width: 50px;
	padding: 2px 0
}
.data_capacity ._b_detail .youtube_data_plan .youtube_petabyte {
	color: #ffffff;
	background-color: #77ACFA;
}
.data_capacity ._l_detail .youtube_data_plan .youtube_petabyte {
	color: #3F92E0;
	background-color: #CFEFFC;
}
.data_capacity ._o_detail .youtube_data_plan .youtube_petabyte {
	color: #ffffff;
	background-color: #FABA63;
}
.data_capacity ._b_detail .youtube_data_plan .youtube_min,
.data_capacity ._l_detail .youtube_data_plan .youtube_min,
.data_capacity ._o_detail .youtube_data_plan .youtube_min {
	text-align: right;
	font-size: 1.1rem
}
.data_capacity ._Ico_sns .ico_txt,.data_capacity_table th,
.data_capacity .data_capacity_table td {
	font-size: 1.2rem
}
.data_capacity ._Ico_sns .ico img {
	width: 40px
}
.data_capacity ._b_detail .youtube_data_plan tr,
.data_capacity ._l_detail .youtube_data_plan tr,
.data_capacity ._o_detail .youtube_data_plan tr {
	padding: 4px 0
}
.data_capacity_note {
	text-align: left;
	font-size: 1.3rem;
	padding: 10px 0;
}
.data_capacity_note ul {
	margin-left: 1em;
}
.data_capacity_note ul li {
text-indent: -1em;
line-height: 1.5;
}
.data_capacity_note ul li:not(:last-child) {
	padding-bottom: 5px;
}
/* WSYS-11212 【フロント・VMDB】新規場所追加_グランデュオ蒲田 20240718 M.Amano */
.wifirental20off,
.wifirentaltw {
	overflow-x: initial;
}

.wifirental20off .modalBox,
.wifirentaltw .modalBox {
	padding: 0;
	border: none;
}

.wifirental20off .modalBoxContents a,
.wifirentaltw .modalBoxContents a {
	color: #fff;
	text-decoration: none;
}

.wifirental20off .module-link_btn:hover,
.wifirentaltw .module-link_btn:hover {
	text-decoration: none;
	color:#07308c;
	background:#ffffff;
	border:solid 1px #07308c;
	transition:all 0.3s;
}