@charset "UTF-8";

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

html{width:100%;height:100%;
font-size: 12px;
-webkit-text-size-adjust: 100%;
/*?*/
_font-size: 100%;
/**/
}

*{ margin: 0px; padding: 0px;}


body{height:100%;
background-color:#fff;
color:#555;
margin:0;padding:0;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-align:left;font-size: 12px;
}


img{ border:0px; vertical-align:top; }

p{line-height:1.4em;}

.clear{ clear: both; visibility: hidden; height: 0;}
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
ul ol li{list-style:none; margin:0; padding:0;list-style-type:none;}
li{list-style:none;list-style-type:none;}
.clearfix { display: inline-block; }
/* exlude MacIE5 ?*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */
/*
Module ----------------------------------------*/

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 ?*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


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

.pc{ display:none !important;}


/*
base ----------------------------------------*/

/* END of /hdd/devices    ----------------------------------------------------*/


#wrap {width:100%; max-width:640px;}

.innerWidth{ width:95%; margin:0 auto;}


h2 {
    font-size:18px !important;
    line-height:1.6em;
    padding-bottom:14px !important;
    text-align:center;
}

h3 {
    font-size: 18px !important;
    padding-bottom: 10px !important;
    line-height: 1.6em;
    text-align: left;
}

#products_content07{padding: 20px 10px; background: #f7f5f1;}/*gro*/
.pc_07_body{clear: both;width: 100%; margin: 0px auto; text-align: center;}
.pc_07_main{padding: 0px 0;}/*gro*/
.svr1{margin: 18px auto 0 auto; text-align: center;}
.svr1 img{width: 45%; margin-bottom:20px;}
.svr2{
overflow: auto;
text-align: left;
padding: 10px 0;
width: 300px; margin: 0 auto; border-bottom: 1px solid #cccccc;}/*gro*/
.svr_font{ font-size: 12px; float: left;}
.svr2 a{/*gro*/
float: right;
padding-left: 5px;
font-size: 12px;
}

.pp_iconlink2{ background:url(/image/f-mini-icon.png) no-repeat left 50%; padding-left:14px; display:inline-block; font-size:13px;}


.pp_iconlink{ background:url(/prepaid/img/icon.png) no-repeat left 2px; padding-left:14px; display:inline-block; font-size:13px;}

.bnrArea {
    padding-top:20px !important;
}


.tac{text-align: center !important;}
.tar{ text-align: right;}

.rtbnr{padding-bottom: 11px;}

.rtbnr2{padding-bottom: 11px; margin-right:11px; text-align: center;}

.bnr{padding-bottom:6px;}

.red{color:#e23333;}

.fontChanger p{display: inline;}

.small { font-size: 70%;}
.medium {font-size: 80%;}
.large { font-size: 110%;}

.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}



}