@charset "utf-8";
body { background: #000; margin: 0; padding: 0; color: #000; font-size:14px; line-height:1.4;}

ul, ol, dl { padding: 0; margin: 0; list-style:none;}
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0;}
a img { border: none;}

img { width:100%; height:auto; max-width:100%;}

.attention { color:#b70e00;}
.super { vertical-align:super; font-size:80%; font-weight:normal;}

#container { background:#000; padding:10px 0 10px;}


/*--------------------
	ヘッダー
--------------------*/
#header { width:93%; margin:0 auto 10px;}
#header h1 { float:left; width:37%;}
#header div#langList { float:right; width:10%;}


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




/*--------------------
	メインメニュー
--------------------*/
#main_menu ul li { position:relative; float:left; width:24.7%; border-right:solid 1px #000; font-size:1em;}
#main_menu ul li a { display:block; text-decoration:none; line-height:1.1;}
#main_menu ul li span.block { position:absolute; display:block; width:100%; top:50%; left:0;}
#main_menu ul li span.block span { display:block; margin-top:-0.5em; color:#fff; position:relative; text-align:center;}
#main_menu ul li#menu08 { border-right:none;}
#main_menu ul li#menu03 span.block span,
#main_menu ul li#menu06 span.block span { margin-top:-1.1em; }

.en #main_menu ul li span.block span { margin-top:-1.1em;}
.en #main_menu ul li#menu01 span.block span { margin-top:-1em;}
.en #main_menu ul li#menu02 span.block span { margin-top:-0.5em!important;}
.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;}

.thai #main_menu ul li#menu01 span.block span { margin-top:-1em;}
.thai #main_menu ul li#menu02 span.block span { margin-top:-0.5em;}
.thai #main_menu ul li#menu08 span.block span { margin-top:-0.5em!important;}


/*--------------------
	メインコンテンツ
--------------------*/
#contents { width:93%; margin:0 auto; padding:15px 0; position:relative;}
#contents .inner { width:92%; margin:0 auto;}

#contents { background:url(../img/bg_contents.gif) repeat-y; background-size:100% auto;}
#contents h2 { background:#000; color:#ffd21e; padding:5px 10px; font-weight:bold; margin-bottom:10px; font-size:1.1em;}
#contents .cont_box h3.ttl { border-bottom:solid 2px #000; margin:20px 0 10px; font-weight:bold;}

#contents .list1em li { margin-bottom:1.2em;}

#contents #btn_top { width:22.7%; position:fixed; right:20px; bottom:20px; z-index:9000; display:none; _position:absolute;}


/*----- トップページ -----*/
#home #top_area { width:93%; margin:10px auto;}
#home #top_area ul li { float:left; width:33%; border-right:solid 1px #eab244; padding-bottom:0; color:#eab244; font-weight:bold; text-align:center;}
#home #top_area ul li img {margin-bottom:3%;}
#home #top_area ul li.last { border-right:none;}

#home #contents { padding:0;}
#home #contents .bg_contents { background:url(../img/bg_cont_bottom.jpg) no-repeat bottom; background-size:100% auto; padding-bottom:15px;}
#home #contents .bg_contents02 { background:url(../img/bg_cont_top.jpg) no-repeat top; background-size:100% auto; padding-top:15px;}

#home #contents #service_overview .leftSide { float:left; width:53%;}
#home #contents #service_overview .rightSide { float:right; width:44.7%;}

#home #contents .cont_box .service_table { width:100%; border-collapse:collapse;}
#home #contents .cont_box .service_table th,
#home #contents .cont_box .service_table td { border-bottom:solid 2px #000; padding:5px 0; text-align:left;}
#home #contents .cont_box .service_table tr.last th,
#home #contents .cont_box .service_table tr.last td { border-bottom:none;}
#home #contents .cont_box .service_table tr.first-child th,
#home #contents .cont_box .service_table tr.first-child td { padding-top:0;}
/*
#home #contents .cont_box .service_table th { font-weight:bold; text-indent:-1.5em; padding-left:1.5em; vertical-align:top;}*/
#home #contents .cont_box .service_table th { font-weight:bold; vertical-align:top;}
#home #contents .cont_box .service_table td { padding-left:10px; vertical-align:middle;}
#home #contents .cont_box .service_table .small { font-size:0.7em;}
#home #contents .cont_box .service_table th p { display:list-item; list-style:disc outside; padding:0;}

#home #contents .cont_box .service_inner .notes { font-size:0.85em;}

#home #contents #service_overview .service_inner { margin-bottom:30px;}
#home #contents #service_overview .intro_text { margin:0 0 20px; font-size:1.2em; font-weight:bold; float:left;}
#home #contents #service_overview .date { float:right;}
/*
#home #contents #service_overview .service_table th { text-indent:-1em; padding-left:1em;}*/
/*
#home #contents #service_overview .service_inner .fukidashi { text-align:center;}*/
#home #contents #service_overview .service_inner .fukidashi p { font-weight:bold; margin-bottom:0.4em;}
#home #contents #service_overview .service_inner .fukidashi p img { width:22.5%; float:left;}
#home #contents #service_overview .service_inner .fukidashi p span { width:75%; float:right;}

#home #contents #service_overview .service_inner .renkei { border:solid 2px #000; border-radius:5px; padding:10px 10px 5px; margin:8px 0 10px;}
#home #contents #service_overview .service_inner .renkei li { font-weight:bold; line-height:1.1; margin-bottom:5px; list-style:disc outside; margin-left:1em;}

#home #contents #service_overview .service_inner .renkei li .small { font-size:0.8em; font-weight:normal;}

#home #contents #service_overview .service_inner #btn_detail a { display:block; color:#eab244; background:#000; padding:5px; font-weight:bold; text-decoration:none; font-size:1.1em;}
#home #contents #service_overview .service_inner #btn_detail a span.block { display:block; border:solid 1px #eab244; text-align:center; padding:2px 0;}
#home #contents #service_overview .service_inner #btn_detail a span.block span {}

#home #contents #step_for_use .stepBox { background:#fff; padding-bottom:1em; margin-bottom:10px;}
#home #contents #step_for_use .stepBox div { text-align:center; font-weight:bold;}
#home #contents #step_for_use .stepBox div .small { font-size:0.7em;}
#home #contents #step_for_use .stepBox .step1 p,
#home #contents #step_for_use .stepBox .step2 p,
#home #contents #step_for_use .stepBox .complete p { margin-top:0.5em; padding:0 2%;}
#home #contents #step_for_use .stepBox .step1 { float:left; width:36%;}
#home #contents #step_for_use .stepBox .step2 { float:left; width:32.5%;}
#home #contents #step_for_use .stepBox .complete { float:left; width:31.4%;}

#home #contents #step_for_use .btnList { margin:0 0 20px;}
#home #contents #step_for_use .btnList .btn_support { margin-bottom:10px;}
#home #contents #step_for_use .btnList a { display:block; color:#eab244; background:#000; padding:5px; font-weight:bold; text-decoration:none; font-size:1.2em;}
#home #contents #step_for_use .btnList a span.block { display:block; border:solid 1px #eab244; padding:5px 0;}
#home #contents #step_for_use .btnList a span.block span { display:block; text-align:center;}
#home #contents #step_for_use .btnList a span.block span img { width:1.2em; vertical-align:middle; margin-right:5px;}



#home #contents #data_meyasu h2 { padding:2px 10px;}
#home #contents #data_meyasu h2 img { width:2.5em; vertical-align:middle; margin:0 5px 0 0;}

#home #contents #contact ul li { font-size:1.2em; font-weight:bold; list-style:disc inside;}
#home #contents #contact .small { margin-top:1em; font-size:0.85em;}

#home #contents #noteList ul li { list-style:disc inside;}




/*----- Q & A -----*/
#qa #contents #anchorLink { margin:15px auto 0;}
#qa #contents #anchorLink li { float:left; position:relative;}
#qa #contents #anchorLink li#btn_qa05 { float:right; margin:0;}

#qa #contents #anchorLink li a { display:block; font-weight:bold; text-decoration:none; font-size:1.2em;}
#qa #contents #anchorLink li a span.block { position:absolute; display:block; width:100%; top:60%; left:0;}
#qa #contents #anchorLink li a span.block span { display:block; color:#eab244; position:relative; text-align:center;}

#qa #contents .cont_box { margin:40px auto;}
#qa #contents .cont_box table { width:100%; border-spacing:0 5px; margin-bottom:15px;}
#qa #contents .cont_box table th { width:3em; color:#fff; vertical-align:top;}
#qa #contents .cont_box table td { padding:5px 10px; text-align:left; vertical-align:top; background:#fff;}
#qa #contents .cont_box table td.space { background:none; padding:0; width:10px;}
#qa #contents .cont_box table th span { display:block; padding:5px 0;}
#qa #contents .cont_box table tr.question th span { background:#ab3931;}
#qa #contents .cont_box table tr.question td { font-weight:bold; color:#ab3931;}
#qa #contents .cont_box table tr.answer th span { background:#000;}
#qa #contents .cont_box table td a { color:#ab3931;}

 

/*----- 動作確認一覧ページ -----*/

#dousa #contents .cont_box ul li { margin-bottom:10px;}
#dousa #contents .cont_box ul.precautionsList li { list-style:disc inside;}
#dousa #contents .cont_box ul.noteList li { margin-bottom:6px;}
#dousa #contents .cont_box #dIframe { margin-bottom:20px;}

#dousa #contents .cont_box #dIframe table { width:100%; border-collapse:collapse; border:solid 1px #b70e00;}
#dousa #contents .cont_box #dIframe table th { background:#b70e00; color:#fff; border-left:solid 1px #fff; margin-bottom:1px;}
#dousa #contents .cont_box #dIframe table th.first-child { border:none;}
#dousa #contents .cont_box #dIframe table td { background:#fff; border:solid #b70e00; border-width:0 1px 1px; height:3em;}
#dousa #contents .cont_box #dIframe table tr.gray td { background:#eeeeee;}
#dousa #contents .cont_box #dIframe table th,
#dousa #contents .cont_box #dIframe table td { padding:10px; text-align:center; vertical-align:middle; font-weight:normal;}




/*----- APN設定ページ -----*/
#apn #contents h2 { margin-bottom:10px;}
#apn #contents .cont_box { background:#fff; padding:5px; margin-bottom:15px;}
#apn #contents .cont_box h3.ttl { margin-top:0;}
#apn #contents #ios_setting,
#apn #contents #setting { padding-bottom:15px;}

#apn #contents .cont_box dl dt { background:#f2f2f2; padding:5px; font-weight:bold; margin-bottom:5px;}
#apn #contents .cont_box dl dt.last { margin-bottom:0;}
#apn #contents .cont_box dl dd { margin:5px 0;}
#apn #contents .cont_box dl dd img.apnImage { width:50%; display:block; margin:0 auto;}

#apn #contents #setting .cont_box dl { margin-top:5px;}
#apn #contents #setting .cont_box dl dt .small { font-size:0.85em;}

#apn #contents #setting .cont_box table.setting_table { width:100%; border-collapse:collapse; font-size:1.2em; border:solid 1px #ab3931;}
#apn #contents #setting .cont_box table.setting_table th,
#apn #contents #setting .cont_box table.setting_table td { padding:5px 0; text-align:center; vertical-align:middle;}
#apn #contents #setting .cont_box table.setting_table th { background:#ab3931; color:#fff; font-weight:bold; border-bottom:solid 1px #fff;}
#apn #contents #setting .cont_box table.setting_table td { border-bottom:solid 1px #ab3931;}
#apn #contents #setting .cont_box table.setting_table tr.last th { border-bottom:none;}

#apn #contents #setting .cont_box ul li { margin-top:5px;}

#apn #contents #ios_setting #btn_download { position:relative; }
#apn #contents #ios_setting #btn_download a { display:block; text-decoration:none;}
#apn #contents #ios_setting #btn_download a span.block { position:absolute; display:block; width:100%; top:50%; left:0;}
#apn #contents #ios_setting #btn_download a span.block span { display:block; position:relative; color:#fff; font-weight:bold; margin-top:-0.6em; margin-left:17%;}

#apn #contents #ios_setting ul li { margin-top:5px;}


/*----- 販売場所 -----*/

#other h4 {text-align:center;}

.shop_cntnt #point_of_sale .whiteBox { background:#fff; padding:15px 15px 0; margin-bottom:30px;}
.shop_cntnt #point_of_sale .whiteBox .shopList li { padding-bottom:15px;}
.shop_cntnt #point_of_sale .whiteBox .shopList img { width:auto; max-width:120px!important; max-height:50px;}
.shop_cntnt #point_of_sale .whiteBox .shopList p { margin-top:5px;}
.shop_cntnt #point_of_sale .whiteBox .shopList p a { color:#000; margin-left:1em;}
.shop_cntnt #point_of_sale .whiteBox .shopList p a img { height:1em; width:auto;}

.shop_cntnt #point_of_sale .whiteBox .shopList li.hideSP { padding-bottom:0;}


/*----- リチャージ -----*/
.recharge_middle a {color:#000; text-decoration:underline;}
.recharge_middle a:visited {color:#000; text-decoration:underline;}
.recharge_middle a:hover {color:#666; text-decoration:underline;}


/*--------------------
	フッター
--------------------*/
#footer {}
#footer .copyright { color:#ffd21e; padding:10px 0; text-align:center;}



/* clearfix
-----------------------------------------*/
#contents:after,
#main_menu ul:after,
#header:after,
.inner:after,
.clearfix:after { height:0; visibility:hidden; content:"."; display:block; clear:both; line-height:0;}

#contents,
#main_menu ul,
#header,
.inner,
.clearfix { _height:1px; min-height:1px; /*\*//*/ height:auto; overflow:hidden; /**/}

.banner_style{
	margin:1rem 0;
}
@media screen and (min-width: 641px) {
	.sp,
  .smp{
		display:none;
	}
}
@media screen and (max-width: 640px) {
	.pc{
		display:none;
	}
}

.Period,
.notPeriod{
  display: none;
}
.cp_bnr_area{
  text-align: center;
  margin: 1rem auto;
}
@media screen and (max-width: 640px)
.cp_bnr_area {
    width: 95%;
    margin: 1rem auto;
}
.cp_bnr_area a:hover{
  opacity: .8;
}