@charset "utf-8";
body { font-size: 75%; line-height:1.2;
font-family: sans-serif;
}

a {word-break : break-all;}

.hideSP { display:none;}

#container { position:relative;}


/*--------------------
	ヘッダー
--------------------*/
#header {}
#header div#langList ul { display:none; position:absolute; left:0; margin-top:5px; width:100%; background:#e9af44; z-index:10;}
#header div#langList ul li { background:#000; margin-bottom:1px;}
#header div#langList ul li.last { margin:0;}
#header div#langList ul li a { display:block; padding: 10px; color:#e9af44; text-decoration:none;}




/*--------------------
	メインメニュー
--------------------*/
#main_menu { width:93%; margin:10px auto 20px;}
#main_menu ul li { display:table-cell; table-layout:fixed; vertical-align:middle;}
#main_menu ul li#menu01,
#main_menu ul li#menu02,
#main_menu ul li#menu03,
#main_menu ul li#menu04 { border-bottom:solid 1px #000;}
#main_menu ul li#menu04 { border-right:none;}
.ja #main_menu ul li#menu01 span.block span,
.en #main_menu ul li#menu01 span.block span { margin-top:-1.0em;}
.ja #main_menu ul li#menu02 span.block span,
.en #main_menu ul li#menu02 span.block span { /*margin-top:-1.2em;*/}
.thai #main_menu ul li#menu06 span.block span { margin-top:-1.2em;}
.thai #main_menu ul li#menu08 span.block span { margin-top:-1.2em;}

/*----- トップページ -----*/
#home #main_menu { margin-bottom:0;}

#home #top_area ul li { font-size:0.9em;}

#home #topics {overflow:hidden; margin-top:0; margin-bottom:2.5%;}
#home #topics .topicsTit {float:none; width:100%; margin-right:0; background:#ee1c23; border-radius:18px;}
#home #topics h2 {background:none; margin-bottom:1%; padding: 2.8%; color:#fff; text-align:center; font-size:100%; font-weight:normal; line-height:0.5em;}
#home #topics table { float:none; width:100%; margin-right:1%; font-size:90%; line-height:1.5em;}
#home #topics table .date {/*width:31%;*/ vertical-align:top; white-space:nowrap;}

#home #topics a {color:#000; text-decoration:underline;}
#home #topics a:visited {color:#000; text-decoration:underline;}
#home #topics a:hover {color:#666;}
#home #topics .toList {float:right; width:100%; text-align:right; line-height:1.5em;}
#home #topics .toList img {width:1.4%;}

/*topics En*/
.en #topics .topicsTit,
.chs #topics .topicsTit,
.cht #topics .topicsTit,
.ko #topics .topicsTit,
.thai #topics .topicsTit {float:none; width:100%!important; margin-right:0; background:#ee1c23; border-radius:18px;}
.en #topics h2,
.chs #topics h2,
.cht #topics h2,
.ko #topics h2,
.thai #topics h2 {background:none; margin-bottom:1%; padding: 1.8%; color:#fff; text-align:center; font-size:110%; font-weight:normal; line-height:0.5em;}
.en #topics table,
.chs #topics table,
.cht #topics table,
.ko #topics table,
.thai #topics table { float:none; width:100%!important; margin-right:1%; font-size:100%; line-height:1.5em;}




/*--------------------
	メインコンテンツ
--------------------*/
#contents {}
#contents .inner {}


/*----- トップページ -----*/
#home #contents #service_overview .leftSide .service_table,
#home #contents #service_overview .leftSide .service_table tr { display:block; width:100%;}
#home #contents #service_overview .leftSide .service_table th { display:block; background:#f2f2f2; border:none; padding:5px; text-indent:0;}
#home #contents .cont_box .service_table th p { margin-left:1em;}
#home #contents #service_overview .leftSide .service_table td { display:block; background:#fff; margin-bottom:5px; border:none; padding:5px;}
#home #contents #service_overview .leftSide .service_table td .small li { text-indent:-1em; padding-left:1em;}

#home #contents #service_overview .service_inner .renkei { padding:5px 5px 0;}


#home #contents #service_overview table{table-layout:fixed; width:100%; background:#fff; border-collapse:collapse; border-top:1px solid #000;}
#home #contents #service_overview table td {padding:0.8%; font-size:95%; text-align:center; font-weight:bold; border-right:1px solid #000; border-bottom:1px solid #000;}
#home #contents #service_overview table > td { line-height:1.4em;}
#home #contents #service_overview table td:last-child {border-right:none;}
#home #contents #service_overview table td > img {width:90%;}
#home #contents #service_overview table th {font-size:95%; padding:4% 0 4% 2%; text-align:left; border-right:1px solid #000; border-bottom:1px solid #000;}

#home #contents #service_overview table .cell01 {width:32.5%;}
#home #contents #service_overview table .cell02 {width:33.7%; background:#000; padding:3% 0;}
#home #contents #service_overview table .cell03 {width:33.7%; background:#eab245; padding:3% 0.8%;}
#home #contents #service_overview table .cell04,
#home #contents #service_overview table .cell05 { padding:5% 0;}
#home #contents #service_overview table .cell06 { padding:19% 0 19% 3%;}

#home #contents #service_overview table .rechargeBox {height:100%;}
#home #contents #service_overview table .recharge {table-layout:fixed; width:93%; margin:0 auto; margin-top:3%; margin-bottom:3%; border:none;}
#home #contents #service_overview table .recharge td { vertical-align:middle; border:none; padding:0; white-space:nowrap;}
#home #contents #service_overview table .recharge02 {width:98%; border-top:1px solid #000; padding: 10px 0; display: block;}
#home #contents #service_overview table .recharge02 td {border:0;}

#home #contents #service_overview table .recharge .text {width:39%; font-size:95%;}
#home #contents #service_overview table .recharge .img {width:11%;}
#home #contents #service_overview table .recharge .img img {}
#home #contents #service_overview table .recharge p { font-size:100%; text-align:left; line-height:1.35em;}
#home #contents #service_overview table .recharge img {}

#home #contents #service_overview table .rechargeBox a {color:#eab245; text-decoration:none;}
#home #contents #service_overview table .rechargeBox a:visited {color:#eab245;}

#home #contents #service_overview table .small {font-size:75%; line-height:1.4em; font-weight:normal;}
#home #contents #service_overview table .sp_br {display:block;}

#home #contents #service_overview .topPkg {position:relative; width:100%; margin:0 auto; margin-top:3%;}
#home #contents #service_overview .topPkg p {position:absolute; top:1%; left:19%; font-size:8px; line-height:1.4em; font-weight:normal;}
#home #contents #service_overview .topPkg img {}

/*--------------------------

add_20160411

---------------------------*/
.sp_off{
	display:none;
}

.table_data{
	width:100%;
}
.table_data_txt,
.table_data_img{
	padding:10px;
}
.table_data_txt{
}
.table_data_img{
}
.table_data_img img{
	width:100% !important;
}

.top_package{
	margin:30px 0 20px;
}
.top_package li{
	margin-bottom:20px;
}
.top_packageImage{
	width:100%;
}
.top_packageTxt{
	display:block;
	margin-top:10px;
	font-size: 14px;
}

/*add_20160411--------------------*/


/*package_En*/
.en #contents #service_overview .topPkg {position:relative; width:75%; margin:0 auto; margin-top:3%;}
.en #contents #service_overview .topPkg p {position:absolute; top:0!important; left:21%!important;}
.chs #contents #service_overview .topPkg p {position:absolute; top:0!important; left:18%!important;}
.cht #contents #service_overview .topPkg p {position:absolute; top:0!important; left:18%!important;}
.ko #contents #service_overview .topPkg p {position:absolute; top:0!important; left:18%!important;}
.thai #contents #service_overview .topPkg p {position:absolute; top:0%!important; left:18%!important;}



#home #contents #contact { margin-top:30px;}


/*----- Q & A -----*/
#qa #contents #anchorLink { margin-top:10px;}
#qa #contents #anchorLink li { width:33%; margin-right:0.5%; margin-bottom:0.5%;}
#qa #contents #anchorLink li a { font-size:0.75em;}
#qa #contents #anchorLink li a span.block span { padding:0 3px;}
#qa #contents #anchorLink li#btn_qa05 { float:left!important; margin:0;}
#qa #contents #anchorLink li#btn_qa03 {margin-right:0;}

#qa #contents .cont_box { margin:20px auto;}

#qa #contents .cont_box table { border-spacing:0 2px; margin-bottom:10px;}
#qa #contents .cont_box table tr.question th { background:#ab3931;}
#qa #contents .cont_box table tr.answer th { background:#000;}
#qa #contents .cont_box table th span { padding:5px;}
#qa #contents .cont_box table td { padding:5px;}
#qa #contents .cont_box table td.space { width:5px;}

#qa #contents .icon_start {width:32%;}



/*----- 動作確認一覧ページ -----*/
#dousa #contents .cont_box #dIframe table th,
#dousa #contents .cont_box #dIframe table td { padding:5px;}




/*----- APN設定ページ -----*/
#apn #contents #android_setting img.apnImage { width:70%; display:block; margin: 10px auto 20px;}

/*----- APN設定、端末部分、利用者登録 追加 20160804 -----*/

#android_setting {
    padding-bottom: 50px;
}

#apn #contents #android_setting .leftImage,
#apn #contents #android_setting .centerImage,
#apn #contents #android_setting .rightImage {
	max-width:545px;
	width:80%;
	margin:0 auto 15px;
}

.andImage,
.flowImage {
width:300px; margin:30px auto; display:block;
 }
 #apn #contents .cont_box dl dd img.apnImage {
    display: block;
    margin: 0 auto;
    width: 80%;
}


/*----- リチャージページ -----*/
.recharge_top {margin-bottom:8%;}
.recharge_top .whiteBox { margin-top:2.5%; background:#fff; padding:3% 2%;}
.recharge_top .ttl {margin:0!important; padding:0; padding-bottom:0.5%; font-size:95%;}
.recharge_top .top_icon {width:100%; margin-top:0.5%;}
.recharge_top .top_icon p {float:left; padding-top:2.2%; font-weight:bold; font-size:90%;}
.recharge_top .top {border-top:4px solid #efe8d5; border-right:4px solid #efe8d5; border-bottom:2px solid #efe8d5; border-left:4px solid #efe8d5; padding:0.5%; background:#fff;}
.recharge_top .btm {border-top:2px solid #efe8d5; border-right:4px solid #efe8d5; border-bottom:4px solid #efe8d5; border-left:4px solid #efe8d5; padding:0.5%; background:#fff;}
.recharge_top dl {overflow:hidden; }
.recharge_top dt, .recharge_top dd {float:left; display:table; margin:0;}
.recharge_top dt {margin:0.5% 2% 0.5% 0.5%;}
.ja .recharge_top dt img,
.chs .recharge_top dt img {width:25px; vertical-align:middle; padding:37% 0 20% 5%;}
.en .recharge_top dt img {width:30px; vertical-align:middle; padding:98% 0 0 5%;}
.recharge_top dd {font-weight:bold;}
.ja .recharge_top dd p,
.chs .recharge_top dd p {font-weight:bold; font-size:70%; padding:2% 0 3% 0;}
.en .recharge_top dd p {font-weight:bold; font-size:85%; line-height:1em; padding:3.5% 0;}
.en .recharge_top dd p .sp_br {display:block;}
.recharge_top dd .alt01 {font-size:160%; line-height:1.5em;}
.recharge_top dd .alt02 {font-size:102%;}
.en .recharge_top dd .alt01 {font-size:145%; line-height:1.5em;}
.en .recharge_top dd .alt02 {font-size:100%;}
.recharge_top .sp_br {display:block;}
.recharge_top .data_size { clear:both; float:left; width:73%; margin:2% 2% 4% 0;}
.recharge_top .card_img {float:right; width:25%; margin-top:2%;}
.recharge_top .alt { clear:both; font-size:75%;}
.en .recharge_top .data_size { clear:both; float:left; width:72%!important; margin:2% 2% 4% 0;}
.en .recharge_top .card_img {float:right; width:26%!important; margin-top:2%;}


.recharge_middle { margin-top:-3.3%;}
.recharge_middle .ttl {font-size:100%; padding-bottom:0.5%; font-weight:bold;}
.recharge_middle p {font-size:95%;}
.recharge_middle .item ul { width:100%; margin-top:3%; text-align:center;}
.recharge_middle .coupon {float:none; margin-bottom:2%;}
.recharge_middle .brastel {float:none; margin-bottom:8%;}
.recharge_middle .item .tit { background:#efe8d5; font-size:95%; font-weight:bold; padding:2% 0; }
.recharge_middle .sp_br,
.brastel .tit .sp_br {display:none;}
.for_bic .sp_br {display:none;}
.recharge_middle .coupon img {max-width:240px; padding:1.5% 0;}
.recharge_middle .brastel img {max-width:240px;}
.recharge_middle .brastel {}
.recharge_middle .uraBox {position:relative; width:240px; margin:0 auto;}
.recharge_middle .ura {position:absolute; font-size:90%; color:#604332; top:39%; left:23%;}
.en .recharge_middle .ura {position:absolute; text-align:left; font-size:80%; color:#604332; top:14%; left:21%;}
.recharge_middle .item li:nth-child(2n) {background:#fff; padding:4% 0; border-right:5px solid #efe8d5; border-bottom:5px solid #efe8d5; border-left:5px solid #efe8d5;}
.recharge_middle .item li:nth-child(3n) {padding-top:1%; text-align:left; font-size:90%;}

.recharge_middle .code {margin-top:1%; font-size:85%!important;}


.recharge_middle .stepBox .step2_pc {display:none;}
.recharge_middle .stepBox .arrow {display:none;}
.recharge_middle .stepBox {overflow:hidden; background:#fff; margin-top:2%; margin-bottom:8%; padding:2%;}
.recharge_middle .stepBox ul {float:none; width:100%; margin-bottom:8%; text-align:center;}
.recharge_middle .stepBox .step .tit {text-align:center; background:#efe8d5; font-size:110%; font-weight:bold; padding:2% 0; margin-bottom:3%;}
.recharge_middle .stepBox .step1, .recharge_middle .stepBox .step2 {margin-right:0!important;}
.recharge_middle .step img {max-width:160px;  padding-top:0;}
.recharge_middle .step .img02 {padding-top:0;}
.recharge_middle .step p { width:85%; margin:0 auto; margin-top:3%; padding:3%; background:#f3f3f3; text-align:left;}
.recharge_middle .stepBox .step1 li:last-child {text-align:left; font-size:85%; margin-top:3%; margin-left:4.5%; margin-right:4%;}
.recharge_middle .step3_br {display:none;}

.recharge_middle .codeBtn {clear:both; border-top:2px solid #000; margin-top:11%!important; padding-top:3.5%;}
.recharge_middle .btn_detail a { display:block; color:#eab244; background:#000; padding:5px; text-decoration:none; font-size:100%;}
.recharge_middle .btn_detail a span.block { display:block; border:solid 1px #eab244; text-align:center; padding:5px 0;}


.btn_detail {float:left; width:100%; margin-right:0;}
.qrcode {display:none;}


.re_shop {background:#fff; padding:3% 2%;}
.re_shop .c_card h4 {background:#efe8d4; font-size:100%; padding:1.5% 0; text-align:center;}
.re_shop .for_bic h4 {background:#efe8d4; font-size:100%; margin-top:5%; padding:1.5% 0; text-align:center;}
.re_shop table {text-align:center; margin-top:2%;}
.re_shop .coupon { float:none;}
.re_shop td p {margin-bottom:1%;}
.re_shop td p, .re_shop td a {font-size:90%; line-height:1.5em;}
.re_shop td a {color:#000;}
.re_shop td a:visited {color:#000;}
.re_shop td a:hover {color:#666;}

.c_card, .for_bic {float:none;}
.c_card { width:100%; margin-right:0;}
.c_card table {float:none; width:100%;}
.c_card table td { background:#fff;}
.c_card .yodobashi {margin-right:0; margin-bottom:5%;}
.c_card .coupon {width:100%;}
.c_card .yodobashi .shop_name img {width:60%;}
.c_card .lawson .shop_name img {width:45%;}
.c_card .lawson .shop_name {padding:2% 0;}
.for_bic { width:100%;}
.for_bic table {width:100%;}
.for_bic .coupon {width:100%;}
.for_bic .bic .shop_name img {width:65%;}
.for_bic .famima .shop_name img {
	width:250px;
}
.re_shop .alt { clear:both; font-size:90%; padding-top:6%;}



.brastel_card {overflow:hidden; background:#fff; border:10px solid #efe8d5; margin-top:8%; padding:2%;}
.brastel_card .title {overflow:hidden; margin:0 auto;}
.brastel_card .title img {width:14.5%; float:left;}
.brastel_card .title h3 { width:83.5%; float:left; font-size:120%; border-bottom:2px solid #000; margin:1.5% 0 0 2%; padding-bottom:1%;}
.brastel_card .sp_br {display:block;}
.brastel_card .cardImg {float:none; width:50%; text-align:center; margin:0 auto; margin-top:4%;}
.brastel_card .brastelTxt {float:none; width:100%; margin-top:3%;}
.brastel_card .brastelTxt p {font-size:85%; line-height:1.4em; margin-bottom:1%;}
.brastel_card .brastelTxt > span { font-size:80%;}
.brastel_card .btn_detail {width:100%; margin-top:4%;}
.brastel_card .btn_detail a { display:block; color:#eab244; background:#000; padding:5px; text-decoration:none; font-size:100%;}
.brastel_card .btn_detail a span.block { display:block; border:solid 1px #eab244; text-align:center; padding:5px 0;}



/*----- 販売場所 -----*/
.shop_cntnt .btn_detail01, .shop_cntnt .btn_detail02 {width:49%; float:left;}
.shop_cntnt .btn_detail01 {margin-right:2%;}
.shop_cntnt .btn_detail01 a, .shop_cntnt .btn_detail02 a { display:block; color:#eab244; background:#000; padding:3px; text-decoration:none; font-size:105%;}
.shop_cntnt .btn_detail01 a span.block, .shop_cntnt .btn_detail02 a span.block { display:block; border:solid 1px #eab244; text-align:center; padding:5px 0;}
.shop_cntnt .shopBtn {overflow:hidden;}

.shop_cntnt .ttl {font-size:115%; padding-bottom:0.5%;}

.shop_cntnt #point_of_sale .whiteBox .shopList li { width:45%;}
.shop_cntnt #point_of_sale .whiteBox .shopList .leftSP { float:left; height:115px;}
.shop_cntnt #point_of_sale .whiteBox .shopList .rightSP { float:right; height:115px;}

/*.shop_cntnt #shop {clear:both;}*/

.shoplist {width:100%; text-align:center;}
.shoplist th {background:#efe8d5; font-size:80%;}
.shoplist td {background:#fff;}
.shoplist .cell01 {width:26%; border-right:1px solid #000; border-bottom:1px solid #000;}
.shoplist .cell02 {width:34%; padding:1.5% 0; border-right:1px solid #000; border-bottom:1px solid #000;}
.shoplist .cell03 {width:40%; border-bottom:1px solid #000;}
.shoplist .cell04 { padding:1% 0; border-right:1px solid #000; border-bottom:1px solid #000;}
.shoplist .cell05 { padding:1% 0; border-right:1px solid #000; border-bottom:1px solid #000;}
.shoplist .logo img {width:84%;}
.shoplist .logo { border-right:1px solid #000; border-bottom:1px solid #000;}
.shoplist .mark img {width:25%;}
.shoplist .mark { border-right:1px solid #000; border-bottom:1px solid #000;}
.shoplist .text { border-bottom:1px solid #000; font-size:80%; padding:3%; line-height:1.5em;}
.shoplist .last {border-bottom:0;}
.kiosk_list {
    padding: 10px 0 10px 10px !important;
    text-align: left;
}
.kiosk_list p {
    margin-left: 3.5em;
    text-indent: -3.5em;
}


.shoplist a, .other_shop a {color:#000;}
.shoplist a:visited, .other_shop a:visited {color:#000;}
.shoplist a:hover, .other_shop a:hover {color:#666;}

#other h4 {font-size:90%; margin:2% 0;}

.anchor {text-align:center; font-size:80%; font-weight:bold; margin:2% 0 2% 0; line-height:1.8em;}
.anchor .sp_br02 { display:block;}
.anchor a {color:#000;}
.anchor a:visited {color:#000;}
.anchor a:hover {color:#666;}

.other_shop {width:100%; background:#fff; text-align:center; /*background:#000;*/ word-break: break-all;}
.other_shop .sp_br {display:block;}
.other_shop .cell01 {background:#000; color:#fff; text-align:left; font-size:90%; padding:2%;}
.other_shop .cell02,
.other_shop .cell03,
.other_shop .cell04,
.other_shop .cell05,
.other_shop .cell06,
.other_shop .cell07
{background:#efe8d5; font-size:80%;}
.other_shop .cell06 .sp_br,
.other_shop .cell07 .sp_br {display:block;}

.other_shop td {background:#fff; font-size:85%;}
.other_shop .cell01 {width:100%; border-right:1px solid #000; border-bottom:1px solid #000;}
.other_shop .cell02 {width:22%; padding:1.5% 0; border-right:1px solid #000; border-bottom:1px solid #000;}
.other_shop .cell03 {width:28%; border-right:1px solid #000; border-bottom:1px solid #000;}
.other_shop .cell04 {width:17%; border-right:1px solid #000; border-bottom:1px solid #000;}
.other_shop .cell05 {width:28%; padding:1% 0; border-bottom:1px solid #000;}
.other_shop .cell06 {width:11%; padding:1% 0; border-right:1px solid #000; border-bottom:1px solid #000;}
.other_shop .cell07 {width:10%; border-bottom:1px solid #000;}

.en .other_shop .cell01 {width:100%; border-right:1px solid #000; border-bottom:1px solid #000;}
.en .other_shop .cell02 {width:23%; padding:1.5% 0; border-right:1px solid #000; border-bottom:1px solid #000;}
.en .other_shop .cell03 {width:28%; border-right:1px solid #000; border-bottom:1px solid #000;}
.en .other_shop .cell04 {width:15%; border-right:1px solid #000; border-bottom:1px solid #000;}
.en .other_shop .cell05 {width:28%; padding:1% 0; border-bottom:1px solid #000;}
.en .other_shop .cell06 {font-size:70%; width:14%!important; padding:1% 0; border-right:1px solid #000; border-bottom:1px solid #000;}
.en .other_shop .cell07 {font-size:70%; width:8%!important; border-bottom:1px solid #000;}
.en .other_shop .shopname {font-size:70%;}
.en .other_shop .add {font-size:70%;}

/*.other_shop .cell04 { padding:1% 0; border-right:2px solid #000; border-bottom:2px solid #000;}
.other_shop .cell05 { padding:1% 0; border-right:2px solid #000; border-bottom:2px solid #000;}*/
.other_shop .shopname {font-size:75%; text-align:left; padding:1.5% 2%; border-right:1px solid #000; border-bottom:1px solid #000;}
.other_shop .add {font-size:80%; border-right:1px solid #000; text-align:left; border-bottom:1px solid #000; padding:1.5%;}
.other_shop .add img {width:25%; height:auto; vertical-align:middle;}
.other_shop .link {font-size:80%; border-right:1px solid #000; border-bottom:1px solid #000;padding:2% 0;}
.other_shop .mark img {width:13px; height:auto;}
.other_shop .mark { border-right:1px solid #000; border-bottom:1px solid #000;}
.other_shop .text { border-bottom:1px solid #000;}
.other_shop .mark_last {border-right:0;}
.other_shop .last {border-bottom:0;}

/*-add_20160412
for colorbox
-------------------------*/
.lightboxLnk{
	margin-top:10px;
}

#listCountries{
	width:280px;
	padding:10px;
}
#listCountries dl,
#listCountries dt,
#listCountries dd{
	list-style-type:none;
	margin:0;
	padding:0;
}
#listCountries dt{
	margin:20px 0;
	font-weight: bold;
    display: list-item;
	list-style-type: disc;
    list-style-position: inside;
}
#listCountries dd{
}
/*-add_20160412-------------------------*/

/*--------------------
	フッター
--------------------*/
#footer {}


/*--add 201610--*/
/*--------------------
	キャンペーンバナー
--------------------*/
.campaign_bnr{
	width:92%;
	margin:0 auto 3%;
}
.campaign_bnr a{
}
.campaign_bnr a img{
	width:100%;
}