@charset "utf-8";
body { background:#000; margin: 0; padding: 0; color: #000; font-size:80%;
font-family: sans-serif;
}

#container { width:100%; background:#000;}


/*--------------------
	ヘッダー
--------------------*/
#header { width:94%;}
#header h1 { width:10%;}




/*--------------------
	メインビジュアル
--------------------*/
#home #main_visual { width:94%;}




/*--------------------
	メインメニュー
--------------------*/
#main_menu { width:94%;}
#main_menu ul li { width:12.35%; font-size:1em;}

.en #main_menu ul li span.block span { margin-top:-1.1em;}
.en #main_menu ul li#menu06 span.block span { margin-top:-1.6em;}
.en #main_menu ul li#menu05 span.block span { margin-top:-0.5em;}
.en #main_menu ul li#menu06 span.block span { margin-top:-1.6em;}

.showTAB { display:inline;}





/*--------------------
	メインコンテンツ
--------------------*/
#contents { width:94%; padding:20px 0;}
#contents .inner { width:92%;}

#contents #btn_top { width:80px;}


/*----- トップページ -----*/
#home #top_area { width:94%;}


 #topics {overflow:hidden; margin-top:0; margin-bottom:2.5%;}
 #topics .topicsTit {float:none; width:100%; margin-right:0; background:#ee1c23; border-radius:18px;}
 #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;}
 #topics table { float:none; width:100%; margin-right:1%; font-size:100%; line-height:1.5em;}

#home #topics a {text-decoration:underline;}
#home #topics a:visited {color:#000; text-decoration:underline;}
#home #topics a:hover {color:#666;}
 #topics .toList {float:right; width:100%; text-align:right; line-height:1.5em;}
 #topics .toList img {width:0.8%;}
 
/*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;}

#home #contents #service_overview table {table-layout:fixed;}


#home #contents #service_overview table td img {width:65%;}
#home #contents #service_overview table th {font-size:115%; padding:2% 0 2% 3%; text-align:left; border-right:2px solid #000; border-bottom:2px solid #000;}

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

#home #contents #service_overview table .recharge {width:70%; margin:0 auto; margin-top:0.8%; margin-bottom:0.8%; border:none;}
#home #contents #service_overview table .recharge02 {width:98%; margin:0 auto; margin-top:0.8%; margin-bottom:0.8%; border:none;}
#home #contents #service_overview table .recharge02 td {border:0;}

#home #contents #service_overview table .recharge p { font-size:85%; text-align:left; line-height:1.3em;}
#home #contents #service_overview table .recharge img { width:70%; margin-left:5%;}
#home #contents #service_overview table .recharge .text {width:58%;}
#home #contents #service_overview table .recharge .img {width:42%;}

#home #contents #service_overview table .sp_br {display:block;}

#home #contents #service_overview .topPkg {position:relative; width:75%; margin:0 auto; margin-top:3%;}
#home #contents #service_overview .topPkg p {position:absolute; top:24%; left:21.5%; font-size:75%; font-weight:bold;}
#home #contents #service_overview .topPkg img {}

/*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:20%!important; font-size:70%!important;}
.chs #contents #service_overview .topPkg p {position:absolute; top:49%!important; left:21%!important; font-size:70%!important;}
.cht #contents #service_overview .topPkg p {position:absolute; top:49%!important; left:21%!important; font-size:70%!important;}
.ko #contents #service_overview .topPkg p {position:absolute; top:45%!important; left:21%!important; font-size:70%!important;}
.thai #contents #service_overview .topPkg p {position:absolute; top:33%!important; left:21%!important; font-size:70%!important;}


#home #contents .bg_contents { padding-bottom:20px;}
#home #contents .bg_contents02 { padding-top:20px;}

#home #contents .cont_box .service_table { font-size:1.2em;}

#home #contents .cont_box .service_inner .notes { margin:10px 0 30px;}

#home #contents #service_overview .leftSide .whiteBox { padding:10px;}

#home #contents #service_overview .service_inner .fukidashi p { font-size:1.5em; padding:0;}

#home #contents #step_for_use .btnList { margin-top:110px;}
#home #contents #step_for_use .btnList a { font-size:1.2em;}
#home #contents #step_for_use .btnList a span.block span img { width:1.2em;}

#home #contents #step_for_use .stepBox { padding-bottom:0.5em; margin-bottom:30px;}
#home #contents #step_for_use .stepBox p{padding:0 2%;}
#home #contents #step_for_use .stepBox div { font-size:1.1em;}



#home #contents #data_meyasu .service_inner,
#home #contents #contact .service_inner { width:78%;}



/*----- Q & A -----*//*
#qa #contents .intro { margin:0 auto; width:78%;}

#qa #contents #anchorLink { width:78%;}*/
#qa #contents #anchorLink li { width:19.20%; margin-right:1%;}
#qa #contents #anchorLink li a { font-size:0.82em;}

#qa #contents .cont_box { width:78%; margin:30px auto;}

#qa #contents .cont_box table tr.question th { background:#ab3931;}
#qa #contents .cont_box table tr.answer th { background:#000;}

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



/*----- 動作確認一覧ページ -----*/
#dousa #contents ul.lang_cont { margin-bottom:15px;}

#dousa #contents .cont_box { width:78%;}

#dousa #contents .cont_box #dIframe table th,
#dousa #contents .cont_box #dIframe table td { padding:5px;}


/*----- APN設定ページ -----*/
#apn #contents .cont_box { padding:10px;}

#apn #contents #setting .cont_box { margin:0 auto 15px; padding:10px;}
#apn #contents #setting .cont_box dl dt { padding:5px;}
#apn #contents #setting .cont_box dl dt .small { margin-left:0;}

#apn #contents #setting .cont_box ul { padding:5px 0;}

#apn #contents #ios_setting #btn_download a { font-size:1em;}


/*----- リチャージページ -----*/
.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 .top_icon {width:100%; margin-top:0.5%;}
.recharge_top .top_icon p{
	padding-top:2.2%;
	font-weight:bold;
	font-size:125%;
}

.recharge_top dt, .recharge_top dd {float:left; display:table; margin:0;}
.recharge_top dt {margin:0.5% 1.5% 0.5% 0.5%;}

.ja .recharge_top dd,
.chs .recharge_top dd {font-weight:bold; font-size:85%;}
.en .recharge_top dd {font-weight:bold; font-size:90%;}
.recharge_top dd .alt01 {font-size:190%;}
.recharge_top dd .alt02 {font-size:150%;}
.recharge_top .sp_br {display:block;}

/*.recharge_top .data_size { clear:both; float:left; width:65%; margin:2% 1.5% 1.5% 0;}*/
.recharge_top .data_size {
    clear: both;
    float: left;
    width: 73%;
    margin: 2% 2% 4% 0;
}

.recharge_top .card_img {float:right; width:33.5%; margin-top:2%;}
.recharge_top .alt { clear:both; font-size:90%;}

.en .recharge_top .sp_br {display:none!important;}
.ja .recharge_top dt img,
.chs .recharge_top dt img {width:50px; vertical-align:middle; padding:17% 0;}
.en .recharge_top dt img {width:40px; vertical-align:middle; padding:25% 0;}

.ja .recharge_top dd p,
.chs .recharge_top dd p {font-weight:bold; font-size:105%; padding-top:2%;}
.en .recharge_top dd p {font-weight:bold; font-size:105%; padding:4.5% 0;}
.en .recharge_top dd p .sp_br {display:block;}

.en .recharge_top dd .alt01 {font-size:150%;}

.en .recharge_top .data_size { clear:both; float:left; width:80%!important; margin:2% 2% 4% 0;}
.en .recharge_top .card_img {float:right; width:18%!important; margin-top:2%;}

.recharge_middle .item ul {margin-bottom:8%;}
.recharge_middle .sp_br,
.brastel .tit .sp_br,
.for_bic .sp_br {display:block;}
.recharge_middle .coupon img {max-width:244px;}
.recharge_middle .brastel img {max-width:244px;}
.recharge_middle .brastel {position:relative;}
.recharge_middle .ura {position:absolute; color:#604332; top:44%; left:29%;}
.en .recharge_middle .ura {position:absolute; font-size:80%; color:#604332; top:30%; left:26%;}
.recharge_middle .step p {margin-top:10%; padding:3%; background:#f3f3f3; text-align:left;}
.recharge_middle .stepBox .step1 li:last-child { margin:4.5% 2% 11%;}
.recharge_middle .stepBox .step2_sp {display:none;}

.recharge_middle .step .img02 {padding-top:25%;}
.recharge_middle .stepBox ul {float:left; width:32%; text-align:center;}
.recharge_middle .stepBox .arrow {float:left; width:2%; margin-top:8%;}

.recharge_middle .codeBtn {clear:both; overflow:hidden; width:70%; margin:0 auto; padding-top:2%; margin-bottom:4%;}
.recharge_middle .btn_detail a { display:block; color:#eab244; background:#000; padding:8px; text-decoration:none; font-size:140%;}
.recharge_middle .btn_detail a span.block { display:block; border:solid 2px #eab244; text-align:center; padding:13px 0;}

.btn_detail {float:left; width:80%; margin-right:4%;}
.qrcode {float:right; background:#000; width:16%; height:auto;}

.brastel_card {overflow:hidden; background:#fff; border:20px solid #efe8d5; margin-top:3%; padding:1.5%;}
.brastel_card .title {overflow:hidden; margin:0 auto;}
.brastel_card .title img {width:11%; float:left;}
.brastel_card .title h3 { width:87%; float:left; font-size:150%; border-bottom:2px solid #000; margin:1.5% 0 0 2%; padding-bottom:1%;}
.brastel_card .sp_br {display:none;}
.brastel_card .cardImg {float:none; width:40%; text-align:center; margin:0 auto; margin-top:2%;}
.brastel_card .brastelTxt {float:none; width:100%; margin-top:3%;}
.brastel_card .brastelTxt p {font-size:110%; line-height:1.5em; margin-bottom:1%;}
.brastel_card .brastelTxt > span { font-size:80%;}
.brastel_card .btn_detail {width:100%; margin-top:2%;}
.brastel_card .btn_detail a { display:block; color:#eab244; background:#000; padding:8px; text-decoration:none; font-size:140%;}
.brastel_card .btn_detail a span.block { display:block; border:solid 2px #eab244; text-align:center; padding:13px 0;}

.c_card_box {
	margin-bottom:20px;
}
.c_card_box:after {
	content:"";
	display:table;
	clear:both;
}
.c_card {
}
.c_card table {
	float:left;
	width:49%;
}

.re_shop .c_card h4 {background:#efe8d4; font-size:110%; padding:3.7% 0; text-align:center;}
.re_shop .for_bic h4 {background:#efe8d4; font-size:110%; padding:2% 0; text-align:center;}

.c_card .coupon {width:150px;}
.c_card .yodobashi .shop_name img {width:127px;}
.c_card .lawson .shop_name img {width:86px;}
.for_bic .coupon {width:153px;}
.for_bic .bic .shop_name img {width:120px;}


/*----- 販売場所 -----*/
.other_shop .sp_br {display:block;}
.other_shop .add img {width:24%; height:auto;}
/*.shoplist .logo img {width:66%; padding:5% 0;}*/

.anchor .sp_br02 { display:none;}
.other_shop .shopname {text-align:left; padding:1.5% 2%;}
.other_shop .cell06 .sp_br,
.other_shop .cell07 .sp_br {display:block;}

.shoplist .mark img {width:15px;}

.shop_cntnt #point_of_sale .whiteBox { padding:20px 15px 0 30px;}
.shop_cntnt #point_of_sale .whiteBox .shopList li { padding-bottom:20px; width:30%;}
.shop_cntnt #point_of_sale .whiteBox .shopList .centerPC { margin-left:5%;}


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

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