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

[ SP ]

-----------------------------------*/
@media screen and (max-width: 640px) {

	.anno_box {
			margin: 30px auto;
			width: 80%;
			border: 2px solid red;
			padding: 20px 3%;
	}
	.anno_box.flow {
			margin: 30px auto;
			width: 100%;
			border: 2px solid red;
			padding: 20px 3%;
			background-color: #fff;
	}
	.anno_title {
			font-size: 16px;
			font-weight: bold;
			text-align: center;
	}
	.anno_text {
			font-size: 14px;
			line-height: 1.6em;
			margin-top: 20px;
			text-align: center;
	}
	.anno_text a {
			font-weight: bold;
			color: #00baef;
	}
	.anno_text a:hover {
			color: #e7198c;
	}

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

service area用

-------------------------------------*/
.gts_table_area{
}
.gts_table_area tr:nth-child(odd):not(:first-child){
	background:#f5f5f5;
}
.gts_table_area th{
	text-align:left;
}
.gts_table_area .gts_table_tr_caption{
	color:#666;
}

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

devices table専用

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

.devices_table {
	word-wrap: break-word;
	font-size: 4vw;
	width: 800px;
}
.devices_table th {
	border-left: 1px solid #999;
	border-top: 1px solid #999;
  padding: 1% !important;
	font-size: 3vw;
}
.devices_table td {
  padding: 0.5% !important;
	font-size: 3vw;
	line-height: 1.2;
}
.devices_table th:first-child {
	border-left: none !important;
}

.devices_table th:not(:last-child) {
	width:10%;
}
.devices_table th:last-child {
	width:40%;
}

.devices_table td:first-child {
	border-left: none !important;
}
.devices_table tr:nth-child(odd) {
    background-color: #f5f5f5;
}
.devices_table td:last-child {
	text-align:left;
}
.devices_table tr.caption {
    background-color: #ffebf4;
}
.devices_table tr.caption th {
    font-weight:bold !important;
}

.circle {
	font-size:30px !important;
}

/*for apple[more read]*/
.apple_case01{
	overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.apple_case01.opn{
	overflow: auto !important;
  white-space:normal !important;
}
.gts_more{
	display: inline-block;
	padding: 3px;
	margin-top: 3px;
	background: #fff;
	border: 1px solid #ccc;
}

/*added scrollbar for table*/
.scroll{
overflow:auto;
}
.scroll::-webkit-scrollbar{
 height: 5px;
}
.scroll::-webkit-scrollbar-track{
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}


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

接続先ネットワークのテーブル専用

---------------------------------------*/
.gts_table_nw{
	font-size:3.5vw;
}
.gts_table_nw th,
.gts_table_nw td{
	padding:1% !important;
}
.gts_table_nw tbody.odd tr{
	background:#f5f5f5;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
.gts_table_nw th{
	text-align:left;
}
.gts_table_nw .gts_table_tr_caption{
	color:#666;
}

/*th*/
.gts_table_nw .th_area_w{
	width:10%;
}
/*td*/
.gts_table_nw .td_area_country_w{
	width:15%;
}

/* 下部注釈*/
.gts_table_txt {
    font-size: 3.5vw;
    margin: 0 auto 30px 1.5em;
    text-indent: -1.5em;
}

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

TOP[mainVisual]

----------------------------------*/
.top_mainVisual{
	position:relative;
}
.top_mainVisual .mainBtn{
	position:absolute;
	z-index:100;
	width:40%;
	top:41%;
	right:3%;
}
.top_main_btn{
	margin-top:10%;
	text-align:center;
}
.top_main_btn img{
}


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

TOP[ul listBox-ancor]

----------------------------------*/
.top_outline_listBox{
	padding:0;
}
.top_outline_listBox li{
}

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

TOP[imageIndex group]

----------------------------------*/
.top_imageIndex{
	padding-top:10%;
	margin-bottom:5%;
}
.top_imageIndex_read{
	text-align:center;
	letter-spacing:0.1em;
}

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

TOP[contentBox]

----------------------------------*/
.top_contentBox_adjust{
	padding-top:15%;
}

.top_contentBox{
	width:100%;
	padding:3%;
	background:#fff;
	border-radius:5px;
	-webkit-box-shadow:0 1px 7px rgba(0,0,0,0.2), 0 -6px 3px rgba(230,230,230,0.5);
	-moz-box-shadow:0 1px 7px rgba(0,0,0,0.2), 0 -6px 3px rgba(230,230,230,0.5);
	box-shadow:0 1px 7px rgba(0,0,0,0.2), 0 -6px 3px rgba(230,230,230,0.5);
}

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

TOP[contentBox h2見出し]

----------------------------------*/
.top_contentBox_index{
	position:relative;
	background:url("/gts/img/gts_line_dash_gry.png") repeat-x bottom left;
	padding-bottom:3px;
	margin-bottom:10%;
	-webkit-background-size:750px 3px;
	-moz-background-size:750px 3px;
	background-size:750px 3px;
}
.top_contentBox_index:before{
	content:url("/gts/img/gts_contentbox_leftcircle.png");
	position:absolute;
  left:0;
  bottom: -15px;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8);
  margin-left: -26px;
}
.top_contentBox_index:after{
	content:url("/gts/img/gts_contentbox_rightcircle.png");
	position:absolute;
  right:0;
  bottom: -15px;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8);
  margin-right: -26px;
}
/*-----------------------------------

TOP[case]

------------------------------------*/
.top_case_wrap{
	padding:0 0 30%;
	background:url("/gts/img/top_case_bg_sp.png") no-repeat center 97%;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.top_case_unit{
	margin-bottom:5%;
}
.top_case_num{
	padding-bottom:3%;
}
.top_good_num{
	width:97%;
	margin:0 auto;
	border:1px solid #dcdcdc;
}
.top_good_num div{
	padding:5%;
}


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

TOP[more]

------------------------------------*/
.top_more_wrap{
	padding-bottom:10%;
}
.top_more_unit{
}
.top_more_recharge{
	background:url("/gts/img/top_more_recharge.png") no-repeat top center;
}
.top_more_use{
	background:url("/gts/img/top_more_use.png") no-repeat top center;
}
.top_more_recharge,
.top_more_use{
	text-indent:-9999px;
	background-size:100% auto;
	padding-bottom:40%;
}


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

TOP[cover]

------------------------------------*/
.topCoverbgbox{
	background:
	  url("/gts/img/map_sp.png") no-repeat center 19% / 100% auto,
	  url("/gts/img/gts_line_dash_color.png") repeat-x bottom left / 750px 3px;
	padding-bottom:10%;
}

.topCoverBox{
	padding-top:60%;
}
.topCoverIndex{
	background:url("/gts/img/gts_icon_index.png") no-repeat left center;
	padding-left:26px;
	margin-bottom:20px;
}
.topCoverIndex span{
	display:inline-block;
	position:relative;
	color:#f45aa0;
}
.topCoverIndex span:after{
	content:"";
	display:block;
	width:100%;
	height:3px;
	background:url("/gts/img/gts_Index_lineBg01.png") repeat-x;
	-webkit-background-size:3px 3px;
	-moz-background-size:3px 3px;
	background-size:3px 3px;
}

.topCoverList{
	border-top:1px solid #e5e5e5;
	margin-bottom:20px;
}
.topCoverList>li{
	display:table;
	width:100%;
	padding:3% 0;
	border-bottom:1px solid #e5e5e5;
}
.topCoverListIndex{
	display:table-cell;
	vertical-align:middle;
  width:30%;
}
ul.topCoverListin{
	display:table-cell;
}
ul.topCoverListin li{
	display:inline-block;
	margin-right:1em;
	position:relative;
}
ul.topCoverListin li:before{
	content:"・";
}
/*-----------------------------------

TOP[devie]

------------------------------------*/
.top_device_iphone{
	background:url("/gts/img/top_device_iphone.png") no-repeat bottom center;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
	padding-bottom:50%;
}
.top_device_available{
	margin-top:10%;
	margin-bottom:5%;
	padding:5%;
	border-radius:5px;
	border:1px solid #ccc;
}
.top_device_box{
}
.top_device_box:last-child{
	border-top:1px solid #ccc;
	padding-top:10%;
}
.top_device_index{
	font-weight: normal;
	font-size: 16px;
	margin:0 0 5% 0;
}
.top_device_list{
}
.top_device_list li{
	padding-left:40px;
	padding-top:6px;
	min-height:33px;
}
.available{
	font-weight: bold;
	background:url("/gts/img/top_device_available.png") no-repeat left center;
	background-size:32px auto;
	margin-bottom:10%;
}
.no_available{
	background:url("/gts/img/top_device_noavailable.png") no-repeat left center;
	background-size:32px auto;
	margin-bottom:5%;
}

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

TOP[start pack]

------------------------------------*/
.top_stpack_box{
	margin:10% 0;
	text-align:center;
}
.top_stpack_unit{
	margin-bottom:10%;
}
.top_stpack_list{
	margin:0 5%;
}
.top_stpack_list li{
	border-bottom:1px dotted #333;
	padding:5% 0;
}
.datacapa,
.dataprice,
.voiceprice{
	font-size:6vw;
}
.datacapa{
	display:inline-block;
	margin-right:1em;
}
.dataprice{
	color:#0bc0e7;
}
.voiceprice{
	color:#f45aa0;
}

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

TOP[reviewerIndex]

----------------------------------*/
.top_reviewerIndexWrap{
	padding-top:45px;
}

.top_reviewerIndexBox{
	width:96%;
	padding:5%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:5%;
	background: #fff;
	border-radius:5px;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2), 0 -6px 3px rgba(230,230,230,0.8);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.2), 0 -6px 3px rgba(230,230,230,0.8);
	box-shadow:0 1px 3px rgba(0,0,0,0.2), 0 -6px 3px rgba(230,230,230,0.8);
}
.top_reviewerIndexBox a{
	color:#333;
}


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

TOP[reviewerIndex h2見出し]

----------------------------------*/
.top_reviewerIndex{
	position:relative;
	background:url("/gts/img/gts_line_dash_gry.png") repeat-x bottom left;
	padding:0 0 5% 0;
	margin-bottom:5%;
	text-align:center;
	color:#7f99b5;
}
.top_reviewerIndex_city{
	font-weight: bold;
}
.top_reviewerIndex:before{
	content:url("/gts/img/gts_reviewerbox_leftcircle.png");
	position:absolute;
	left:-30px;
	bottom:-13px;
	-webkit-transform:scale(0.8,0.8);
	-moz-transform:scale(0.8,0.8);
	transform:scale(0.8,0.8);
}
.top_reviewerIndex:after{
	content:url("/gts/img/gts_reviewerbox_rightcircle.png");
	position:absolute;
	right:-30px;
	bottom:-13px;
	-webkit-transform:scale(0.8,0.8);
	-moz-transform:scale(0.8,0.8);
	transform:scale(0.8,0.8);
}
/*-------------------------------

TOP[reviewerIndex other]

----------------------------------*/
.top_reviewer_read{
	text-align:center;
}
.top_reviewerImage{
	margin-bottom:20px;
}

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

TOP[buy]

------------------------------------*/
.top_buy_box{
	margin:10% 0;
}
.top_buy_atweb,
.top_buy_atshop{
	text-align:center;
	width:50%;
}
.top_buy_shop img{
	width:58%;
}
.buy_package{
	margin-bottom:5%;
}


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

TOP[top_txt]--

-----------------------------------------*/
.top_txt{
	line-height:1.8;
	padding-bottom:5%;
}

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

TOP[top_txt]--

-----------------------------------------*/
.top_contentBox_txt{
	line-height:1.8;
	padding-bottom:5%;
}

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

TOP[table内用_caution]-汎用にしたい-?

-----------------------------------------*/
.t_caution{
	font-size: 3.5vw;
}

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

お問い合わせのリスト-include汎用--

-----------------------------------------*/
.inforBox{
	margin-bottom:10%;
}
.inforBox h3{
	font-weight: normal;
	font-size:6vw;
	margin-bottom:5%;
}
.inforBox dt{
	font-size:4.5vw;
}
.inforBox dd{
}
.infor_txt{
}
.infor_txt li{
}

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

[devices]チェック1?3

------------------------------------------*/
.devices_ckBox{
	margin:10% 3%;
}
.devices_ckBox li:not(:last-child){
	padding-bottom:5%;
	margin-bottom:10%;
	border-bottom: 1px solid #e7e7e7;
}
.devices_ck{
	margin:0 0 5%;
	width:115px !important;
}
.devices_ckImage{
	float:right;
	width:30% !important;
}
.devices_ckTxt{
	font-size: 4vw;
}

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

[devices]iNDEX

--------------------------------------------*/
.devices_index{
  font-size: 6vw;
	text-align:center;
	margin:10% auto;
	font-weight: normal;
	padding-top:50px;
}
.d1{
	background:url("/gts/img/gts_Index_num1.png") no-repeat top center;
	background-size:30px auto;
}
.d2{
	background:url("/gts/img/gts_Index_num2.png") no-repeat top center;
	background-size:30px auto;
}
.d3{
	background:url("/gts/img/gts_Index_num3.png") no-repeat top center;
	background-size:30px auto;
}

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

[devices]check1

--------------------------------------------*/
.devices_d1Box{
	margin:10% 0;
}
.devices_d1Box li{
	text-align:center;
}
.devices_d1Box li:first-child{
	margin-bottom:15%;
	padding-bottom:10%;
	border-bottom:1px solid #e7e7e7;
}
.ckBox_image{
	margin:5% 0;
}
.ckBox_image img{
	width:130px;
}
.index_ckBox{
	background: url("/gts/img/gts_Index_lineBg01.png") repeat;
	background-size:3px 3px;
	padding:3px 0;
	margin-bottom:5%;
}
.index_ck{
	font-size: 5vw;
	font-weight: normal;
	background: #fff;
	padding:5% 0;
	text-align:center;
	color:#f45aa0;
}
.ckBox_txt{
	text-align:left;
}
.gts_career_Lnk{
	text-align:center;
	color:#f45aa0;
}
.gts_career_Lnk a{
	display:inline-block;
	padding:0 10px 0 15px;
	color:#f45aa0;
}

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

[devices]check2

-------------------------------------------*/
.devices_d2Box{
	width:180px;
	margin:10% auto;
}


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

sub_nav[faq / flow]

-----------------------------------*/
.subnavBox{
	margin-bottom:20px;
}
.subnav{
	width:100%;
	margin:0;
  display:-webkit-box;/*--- Android---*/
  display:-ms-flexbox;/*--- IE10 ---*/
  display:-webkit-flex;/*--- safari（PC） ---*/
  display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
.subnav li{
	border-bottom:1px solid #e5e5e5;
	padding:10px 0;
}
.subnav li:hover{
	background-color:#f7fdff;
}
.subnav li a{
	color:#f45aa0;
	font-weight: bold;
	display:block;
	padding:10px 11px;
	border-left:1px solid #e5e5e5;
}
.subnav li:first-child a,
.bdl_non{
	border-left:none !important;
}


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

faqリストBOX[faqのみ]

-----------------------------------*/
.faq_unit{
	border-bottom:1px solid #e5e5e5;
	margin-top:5%;
	margin-bottom:5%;
}
* > .faq_unit:last-child{
	border-bottom: none;
}
.faq_Q{
	font-weight: bold;
	background:url("/gts/img/gts_faq_iconQ.png") no-repeat top left;
	background-size:20px auto;
	padding:0 0 5% 30px;
}
.faq_A{
	background:url("/gts/img/gts_faq_iconA.png") no-repeat top left;
	background-size:20px auto;
	padding:0 0 10% 30px;
}

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

FAQ[お問い合わせエリア]

-------------------------------------*/
.faq_contactBox{
	padding-top:10%;
	padding-bottom:10%;
	font-size: 5vw;
}
.faq_contactBox h2{
	margin-bottom:5%;
}
.faq_contact{
	margin-bottom:5%;
}
.faq_contact_caution{
	font-size: 3.5vw;
	margin-bottom:10%;
}
.faq_contactinfor:first-child{
	padding-bottom:10%;
	border-bottom:1px solid #ccc;
}
.faq_contactinfor:last-child{
	padding-top:10%;
}

.faq_contactBox h3{
	font-size: 4vw;
	margin:0 0 5% 0;
}

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

flow[ページ内リンク]

-----------------------------------*/
.flow_indexList{
	padding:0 5%;
}
.flow_indexList li{
	margin-bottom:13%;
}
.flow_arr li{
	position:relative;
}
.flow_arr li:after{
	content:url("/gts/img/gts_dwnarrow_gry.png");
	position:absolute;
	top:105%;
	left:48%;
	transform:scale(0.7);
}

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

flow[Step]

-----------------------------------*/
.flow_textBg{
	width:32px;
	background:url("/gts/img/flow_bgtxt_before.png") no-repeat 0 0;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.flow_textBg2{
	width:32px;
	background:url("/gts/img/flow_bgtxt_before02.png") no-repeat 0 20px;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.flow_stepline{
	width:100%;
	padding-left:1%;
	background:url("/gts/img/flow_stepline_pnk.png") repeat-y 14px 0;
	-webkit-background-size:30px auto;
	-moz-background-size:30px auto;
	background-size:30px auto;
}
.flow_stepline2{
	width:100%;
	padding-left:1%;
	padding-top:20px;
	background:url("/gts/img/flow_stepline_orage.png") repeat-y 14px 0;
	-webkit-background-size:30px auto;
	-moz-background-size:30px auto;
	background-size:30px auto;
}

.flow_stepBox{
}

.flow_step1{
	background:url("/gts/img/flow_iconstep_01.png") no-repeat 0 0;
}
.flow_step2{
	background:url("/gts/img/flow_iconstep_02.png") no-repeat 0 0;
}
.flow_step3{
	background:url("/gts/img/flow_iconstep_03.png") no-repeat 0 0;
}
.flow_step4{
	background:url("/gts/img/flow_iconstep_04.png") no-repeat 0 0;
}
.flow_step5{
	background:url("/gts/img/flow_iconstep_05.png") no-repeat 0 0;
	min-height:48px;
}

.flow_step1,
.flow_step2,
.flow_step3,
.flow_step4,
.flow_step5{
	padding-left:60px;
	padding-top:0;
	-webkit-background-size:50px auto;
	-moz-background-size:50px auto;
	background-size:50px auto;
}
/*-----------------------

step1

---------------------*/
.flow_stepcontent01{
	background: #fff;
	padding:5% 3%;
	margin:10% 0 15%;
	border-radius:5px;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
}
.flow_sp1_buy{
	padding:3%;
}
.flow_sp1_buy:first-child{
	border-bottom: 1px dotted #333;
	padding-bottom:5%;
}

.flow_sp1_buy .direct,
.flow_sp1_buy .package{
	font-weight: bold;
	text-align:center;
	margin:3% 0;
}
.flow_step1_box_bic{
	margin-left:-10%;
	width:64% !important;
}
.flow_step1_txt{
	text-align:center;
	font-size:3.5vw;
	margin-bottom:5%;
}

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

step2

---------------------*/
.flow_juyouBox{
	margin-bottom:5%;
}
.flow_juyou{
	width:65px !important;
	margin-bottom:3%;
	display:block;
}
.juyouTxt{
}

.flow_stepcontent02{
	background: #fff;
	border-radius:5px;
	padding:5% 3%;
	margin-bottom:5%;
	border:2px dotted #FFDCEF;
}
.flow_stepcontent02 li:not(:first-child){
	padding-top:3%;
}
.flow_stepcontent02 li:not(:last-child){
	border-bottom:1px solid #FFDCEF;
	padding-bottom:3%;
}

.flow_stepcontent02_b{
	background:url("/gts/img/flow_step01_pkgbic.png") no-repeat 50% 14%,#f2f2f2;
	-webkit-background-size:70% auto;
	-moz-background-size:70% auto;
	background-size:70% auto;
	border-radius:5px;
	padding:5% 3% 3% 3%;
	margin-bottom:30px;
}
.flow_stepcontent02_b .IndexM01{
	font-weight: bold;
	margin-bottom:5%;
	padding-bottom:100%;
	background-position:top left;
}

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

step3-4

---------------------------*/
.flow_step3 .IndexL01{
	line-height:1 !important;
}
.flow_step3 .gts_Btn01{
	width:100% !important;
	margin-bottom:5%;
}
.flow_step4 .gts_Btn01{
	margin-bottom:3%;
}
.flow_step4 .gts_Btn01,
.flow_step4 .gts_Btn05,
.flow_use_btnBox .gts_Btn01,
.flow_use_btnBox .gts_Btn05{
	width:100% !important;
}
.flow_use_btnBox .gts_Btn01{
	margin-bottom:5%;
}
.flow_stepcontent03,
.flow_stepcontent04{
	margin-top:20px;
	margin-bottom:30px;
}
.flow_stepcontent03_txt,
.flow_stepcontent04_txt{
	padding:0;
}
.baloon_pnk{
	display:inline-block;
	background:#f45aa0;
	color:#fdf86b;
	padding:5px;
	position:relative;
	margin-top:15px;
	font-size: 3vw !important;
}
.baloon_pnk:before{
	content:"\25B2";
	font-size: 30px;
	color:#f45aa0;
	position:absolute;
	top:-25px;
	left:50%;
	margin-left:-12px;
}

.flow_stepcontent03_img{
}
.flow_stepcontent04_img{
}

.flow_after{
	padding:0 5%;
}
.flow_after li{
	background:url("/gts/img/flow_canlist_btm.png") no-repeat bottom center;
	padding-bottom:10%;
	margin-bottom:10%;
	-webkit-background-size:100% 20%;
	-moz-background-size:100% 20%;
	background-size:100% 20%;
	color:#f45aa0;
	text-align:center;
}
.flow_after li > div{
	font-weight: bold;
}

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

みおぽん

--------------------------------*/
.flow_mioponBox{
	margin:0 auto 10%;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 100%);
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
	border-radius:5px;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
	padding:5%;
}
.flow_mioponBox_img{
}
.flow_mioponBox_txt{
}
.flow_mioponBox_txt dt{
	color:#5a62a5;
	font-weight: bold;
	font-size: 5vw;
	line-height:1.2;
	margin-bottom:10% !important;
}
.flow_mioponBox_txt .gts_Btn02{
	width:100%;
}

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

APN

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

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

APN[Index]

--------------------------*/
.apn_Index{
	padding-top:10%;
}
.apn_slideIndex_ios,
.apn_slideIndex_And{
	width:100%;
	padding:3% 5%;
	text-align:left;
	border-radius:3px 3px 0 0;
	color:#fff;
}

.apn_slideIndex_ios{
	background: #f45aa0;
}
.apn_slideIndex_And{
	background: #97c024;
}

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

step1

---------------------------*/
.apn_st1Box{
	background:url("/gts/img/apn_st1Image.png") no-repeat top center;
	-webkit-background-size:90% auto;
	-moz-background-size:90% auto;
	background-size:90% auto;
	padding-top:80%;
	margin-bottom:10%;
}
.apn_st1_list{
	margin:5%;
}
.apn_st1_list li{
  margin-bottom:10px;
}

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

step2

---------------------------*/
.apnst2Box{
	width:90%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:10%;
}
.apnst2_setting{
	background:#fff;
	font-size:5vw;
	font-weight: bold;
	margin:0;
}
.apnst2_setting dt{
	padding:2% 10%;
	border-right:1px dashed #ccc;
}
.apnst2_setting dd{
	text-align:center;
	padding:2% 10%;
}

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

slideWrap

---------------------------*/
/*slide wrap */
#apn_ios,
#apn_android,
#loming_ios,
#loming_android{
	margin-bottom:10%;
	width:100%;
	background:#fff;
	padding:2% 5% 5% 5%;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  border-radius: 0 0 10px 10px;
}
.apnSlide{
	margin:5% 0;
}

#apn_ios .apnSlide > li{
}

#apn_android .apnSlide > li,
#loming_android .apnSlide > li{
	padding-bottom:10px;
}

/*slide unit<li>*/
.apnSlide > li{
	margin-right:5px;
	padding-right:3px;
	padding-left:3px;
}
.apnSlide > li .pd10{
	display:block;
	padding:0 10px;
}


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

step4

------------------------------*/
.apn_st4Box{
	padding-bottom:5%;
}
.apn_st4Boxin{
	width:84%;
	margin-left:16%;
}
.apn_st4_txt{
	font-size: 5.5vw;
	font-weight: bold;
	margin-bottom:5%;
}
/*------------------------------

Departure

------------------------------*/
.apn_departureBox{
	text-align:center;
}
.apn_departureTxt{
	display:inline-block;
	margin:15% 0 5%;
}
.apnCautionBox{
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	padding:5% 0;
}
.apnCautionBox dt{
	text-align: center;
	margin-bottom: 5%;
	font-size: 5vw;
	font-weight: bold;
	padding-top:40px;
	background:url("/gts/img/gts_icon_caution02.png") no-repeat top center / 32px auto;
}
.apnCautionBox dd{
	text-align: left;
}
/*for flow page*/
.flow_step3 .apnCautionBox dt{
	display: none;
}
.flow_step3 .apnCautionBox dd p{
	display: inline-block;
	text-align: left;
	padding-top:35px;
	background:url("/gts/img/gts_icon_caution02.png") no-repeat top center / 30px auto;
}
/*----------for flow page*/

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

voice

------------------------------*/
.logo img{
	width:110px;
	margin:3% 0 0 3%;
}

.voiceArea img{
	width:100%;
}
/*-----------------------------

voice[アイコン]

------------------------------*/
.voice_print,
.voice_cls{
	display:none;
}

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

voice[ページ内リンク]

------------------------------*/
.voice_nav{
}
.voice_nav > *{
	margin-bottom:5%;
}

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

voice[見出し]

------------------------------*/
.voiceIndex{
	text-align:center;
	color:#666;
	font-weight: bold;
	padding:5% 0;
}

.voice_caseBox{
	border:1px solid #ccc;
	margin-bottom:10%;

}
.voice_caseIndex{
	background:#eeeeee;
	padding:5%;
	margin-bottom:5%;
}

.voice_caseIndex02{
	width:100%;
	background:#f7f7f7;
	padding:3%;
	margin-bottom:5%;
}
.voice_caseIndex02 > div{
	margin-top:3%;
	padding-top:3%;
	border-top:1px solid #ccc;
}
.voice_caseIndex02 img{
	display:block;
	margin:0 auto;
}

.voice_caseinBox{
	margin:2%;
}
.voice_flowbox{
	display:table;
	margin:5% auto;
}
.voice_flowbox.plus{
	background:url("/gts/img/voice_flow_txt_sp.png") no-repeat left bottom;
  -webkit-background-size: 124px auto;
  -moz-background-size: 124px auto;
  background-size: 124px auto;
	padding-bottom:15%;
}

@media (min-width: 334px) and (max-width: 640px) {
.voice_flowbox.plus{
	padding-bottom:11%;
}
}

.voice_flowbox > *{
	padding-right:0;
	font-size:11px;
	display:table-cell;
	vertical-align:top;
	font-weight: bold;
}

.voice_flowbox li img{
  width:20px;
}

/*--over write--*/
.pagetop img{
	width:80px;
}
/*--over write--*/

.img44{
  width:44px !Important;
	margin-right:-12px;
}
.img41{
  width:41px !Important;
}
.gts_copy{
	font-size: 3vw;
	text-align:center;
}

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

charge

------------------------------*/
.charge_txt{
	margin-top:-1em;
}
.charge_txt02{
	display:block;
	line-height:0;
}
.chargeCautionBox{
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	padding:5% 0;
}
.chargeCautionBox dt{
	font-size: 3.8vw;
	font-weight: bold;
	padding-left:28px;
	background:url("/gts/img/gts_icon_caution02.png") no-repeat left center / 22px auto;
}
.chargeCautionBox dd{
	padding-left:28px;
}


.recharge_figBox{
}
.recharge_Box li{
	margin-bottom:10%;
}

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

recharge[index]

------------------------------*/
.recharge_caseIndex{
	text-align:left;
	margin:5% 0 5% 1em;
	text-indent:-1em;
	font-weight: bold;
}

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

monitor

------------------------------*/
/*モニタープロフィール*/
.monitor_plofBox{
	margin-bottom:10%;
}
.monitor_plof{
	width:60%;
	max-width:300px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:10%;
}
.monitor_plof img{
	width:50%;
	float:left;
  margin-right:5px;
}
.monitor_plof > div{
	overflow:hidden;
	font-size: 12px;
}
.monitor_plofList{
	width:100%;
}
.monitor_plofList li{
	font-size: 3.5vw;
	padding:5px 0 5px 20px;
	border-bottom:dotted 1px #ccc;
	position:relative;
}
.monitor_plofList li:before{
  content: "";
  width: 12px;
  height: 12px;
  border: 1px solid #656565;
  position: absolute;
  top: 5%;
  left: 0;
}
.monitor_plofList li:last-child{
	border-bottom:none;
}
.monitor_plofList li > .cap{
	float:left;
}
.monitor_plofList li > .pnk{
	display:block;
	overflow:hidden;
}

/*モニターレポートコンテンツ*/

/*--
li
--*/
.monitor_stepBox{
  display:-webkit-box;/*--- Android---*/
  display:-ms-flexbox;/*--- IE10 ---*/
  display:-webkit-flex;/*--- safari（PC） ---*/
  display:flex;
}

/*--
li > div
--*/
.monitor_status{
  -ms-writing-mode: tb-rl; /* for MS IE8+ */
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-lr;
  font-size: 5vw;
  color: #fb8dbf;
}
@-moz-document url-prefix() {
	.monitor_status{
		width: 32px;
	}
}

/*--
li > div
--*/
.monitor_contentBox{
	position:relative;
  display:-webkit-box;/*--- Android---*/
  display:-ms-flexbox;/*--- IE10 ---*/
  display:-webkit-flex;/*--- safari（PC） ---*/
  display:flex;
	flex:1;
}
/*--
line
--*/
.monitor_contentBox:before{
	content:"";
	height:100%;
	width:2px;
	background: #f45aa0;
	position:absolute;
	top:0;
	left:20px;
}
.monitor_contentBox.last:before{
	content:"";
	height:100%;
	width:2px;
	background:none;
	position:absolute;
	top:0;
	left:20px;
}

/*--
li > div > img
--*/
.monitor_icon_step{
	width:42px !important;
	height:42px;
	margin-right:5px;
	z-index:2;
}

.monitor_textBox{
	background: #fff;
	border-radius:5px;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
	padding:3%;
	margin-bottom:50px;
	flex:1;
}

.monitor_text_unit{
	margin-bottom:8%;
}
.monitor_text_img{
	flex:none;
	margin:0 0 5% 0;
}
.monitor_text_img img{
	width:100%;
}
.monitor_text_img img:nth-child(n + 2){
	margin-top: 8%;
}
.monitor_text_unit .monitor_text,
.monitor_text_unit > h3{
}
.monitor_text > h3{
	font-weight: bold;
	padding-bottom:3%;
	margin-bottom:3%;
	border-bottom: 1px dotted #666;
}
.monitor_textonly_unit{

}
.monitor_commentBox{
	margin-bottom:10%;
	position:relative;
	padding:10% 5% 5% 5%;
	border-radius:5px;
	border:1px dotted #f45aa0;
}
.monitor_baloom{
	font-size: 3.5vw;
	position:absolute;
	display:inline-block;
	background: #f45aa0;
	border-radius:5px;
	padding:2% 5%;
	color:#fff;
	top:-5%;
	left:5%;
}
.monitor_baloom:after{
  content: "\25BC";
  color: #f45aa0;
  position: absolute;
  bottom: -20px;
  left: 1.2em;
  font-size: 26px;
	transform:rotate(-15deg);
}
.monitor_commentBox li{
	margin-bottom:3%;
}
.monitor_other{
	margin-bottom:10%;
	font-size:4vw;
}


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

shop

------------------------------*/
/*shopListBox*/
.shopListbox{
}
.shopListbox li{
	width: 90%;
	margin: 5% auto;
	padding-bottom: 5%;
	text-align: center;
	border-bottom: 1px solid #ccc;
}
/*shopList unit*/
.shopList_unit{
	padding:3%;
}
.shopList_unit dt,
.shopList_unit h4{
	margin-bottom: 3%;
}
.shopList_unit dt img{
	max-width:150px;
}

/*shopList - table*/
.shopTable{
}
.shopTable tr:first-child th{
	text-align: left;
	padding-bottom:10px;
	color: #666;
}
.shopAdd{
	text-align: left;
}
.shopLogo{
}
/*for MAPicon*/
.gts_shopmap{
	display: block;
	font-size: 3vw;
	background:#f45aa0;
	margin:3% 0 0;
	padding: 3px;
	border-radius: 3px;
	text-align: center;
	color:#fff;
	letter-spacing: 0.1em;
}

}

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

【音声付き】国際電話の発着信方法

---------------------------------*/
@media screen and (max-width: 640px){
	.calling_method{
	  width: 90%;
	}
	.calling_method p{
	  width: 100%;
	}
	.calling_method_content{
	  width: 100%;
	}
	.calling_method_mark img{
	  width: 77%;
	}
	.calling_method_btn{
	  width: 70%;
	}
}
@media screen and (max-width: 320px){
	.calling_method h3{
	  font-size: 15px;
	}
	.calling_method p{
	  line-height: 20px;
	}
	.calling_method_mark img{
	  width: 67%;
	}
}