@charset "utf-8";
/* ==================================================================

	Site Name : オンリースマホ
	File Name : style.css
	
	サイト全体に共通するCSS
	
	last up date : '15/01/30
	last up name : beam
	
=================================================================== */
hr {
  /* 1 */
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  /* 2 */
  margin: 15px 0;
  border: 0;
  border-top: 1px solid #dddddd;
}
ol{
    padding-left: 24px;
}
ol li{
	list-style:decimal;
}
ul.list{
    padding-left: 24px;
}
ul.list li{
	list-style: disc;
}

/*オンリー光*/
#only_hikari{
	width: 740px;
	margin: 0 0 0 -20px;
	background:#f4bd1b;
}
.clr-hikari-red{
	color:#e5006e;
}
.h2-hikari{
	display:block;
	float:none;
	padding:8px;
	background:#e5006e;
	color:#fff;
}
.h3-hikari{
	display:block;
	  width: auto;
	height: auto;
  margin: 15px 0;
	padding:8px 0 8px 15px;
	background-image:none;
	color:#28b4c8;
	border-left: 4px solid #28b4c8;
}
ul.disk{
	padding-left:20px;
}
ul.disk li{
	list-style-type: disc;
}
	
.line-full{
	border:1px solid #ccc;
}
/*オンリースマホ*/
#top_navi{
	width: 740px;
	margin: 0 0 1px -20px;
}
#only_sumaho{
	width: 740px;
	margin: 0 0 0 -20px;
	background:#28b4c8;
}
.model_h2{
	float: none;
font-size: 170%;
font-weight: normal;
letter-spacing: 0em;
line-height: 1.2;
margin: 0 0 10px;
color: #28b4c8;
text-align: left;
}
.table_line td, .table_line th{
padding:15px 0 10px;
border-bottom:1px solid #ccc;
}
#main .table_line p{
	margin-bottom:0;
}
.rr{
	margin:0;
	padding:0;
	border:1px solid #ccc;
}
.rr th{
	padding:8px;
	border-left:1px solid #ccc;
	background:#25b2ca;
	color:#fff;
	text-align:center;
}
.rr th:first-child{
	border-left:none;
}
.rr.t-left th{
	text-align:left;
}
.rr td{
	padding:8px;
	text-align:center;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
.rr.t-left td{
	text-align:left;
}
.rr td:first-child{
	/*border-left:none;*/
}
.col__red{
	color:#DC0003;
}
.rr.word-break td{
	word-break: break-all;
}
/*取り扱い端末一覧*/
.model-block{
	border:1px solid #ccc;
	background:#f2f2f2;
	padding:12px;
}
.model-block h3{
	width:auto;
	background:none;
	font-size:18px;
	color:#25b2ca;
}
.model-block .model-name{
	margin:5px 0 0 0 !important;
	font-size:16px;
	font-weight:bold;
	color:#25b2ca;
}
.model-block .price{
	margin:5px 0 0 0 !important;
	font-size:16px;
	font-weight:bold;
}
/**/
.bg_white{
	background:#fff;
}
.round10{
	border-radius: 10px; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

ul.inline-list{
display: inline-block;
    margin: 0;
    padding: 0;
}
ul.inline-list li{
	display:inline-block;
	float:left;
}
	


/*	24 COLUMN : RESPONSIVE GRID SYSTEM
	DEVELOPER : DENIS LEBLANC
	URL : http://responsive.gs
	VERSION : 3.0
	LICENSE : GPL & MIT */

.row:after,
.col:after,
.clr:after,
.group:after {
	content: "";
	display: table;
	clear: both;
}

/* 	DEFAULT ROW STYLES
	Set bottom padding according to preference */
.row { padding-bottom: 0; }


/* DEFAULT COLUMN STYLES */
.col {
	display: block;
	float: left;
	width: 100%;
}

.gutters .col {
	margin-left: 2%;
}
.gutters .col:first-child {
	margin-left: 0;
}

/* COLUMN WIDTHS*/
/*「r」がついてるものは、どのサイズでもリセットされない*/
.span_1, .span_1r 						{ width: 4.16666666667%; }
.span_2, .span_2r 						{ width: 8.33333333333%; }
.span_3, .span_3r 						{ width: 12.5%; }
.span_4, .span_4r 						{ width: 16.6666666667%; }
.span_5, .span_5r 						{ width: 20.8333333333%; }
.span_6, .span_6r 						{ width: 25%; }
.span_7, .span_7r 						{ width: 29.1666666667%; }
.span_8, .span_8r 						{ width: 33.3333333333%; }
.span_9, .span_9r 						{ width: 37.5%; }
.span_10, .span_10r 						{ width: 41.6666666667%; }
.span_11, .span_11r 						{ width: 45.8333333333%; }
.span_12, .span_12r 						{ width: 50%; }
.span_13, .span_13r 						{ width: 54.1666666667%; }
.span_14, .span_14r 						{ width: 58.3333333333%; }
.span_15, .span_15r 						{ width: 62.5%; }
.span_16, .span_16r 						{ width: 66.6666666667%; }
.span_17, .span_17r 						{ width: 70.8333333333%; }
.span_18, .span_18r 						{ width: 75%; }
.span_19, .span_19r 						{ width: 79.1666666667%; }
.span_20, .span_20r 						{ width: 83.3333333333%; }
.span_21, .span_21r 						{ width: 87.5%; }
.span_22, .span_22r 						{ width: 91.6666666667%; }
.span_23, .span_23r 						{ width: 95.8333333333%; }
.span_24 						{ width: 100%; }


.gutters .span_1, .gutters .span_1r 						{ width: 2.25%; }
.gutters .span_2, .gutters .span_2r 						{ width: 6.5%; }
.gutters .span_3, .gutters .span_3r 						{ width: 10.75%; }
.gutters .span_4, .gutters .span_4r 						{ width: 15.0%; }
.gutters .span_5, .gutters .span_5r 						{ width: 19.25%; }
.gutters .span_6, .gutters .span_6r 						{ width: 23.5%; }
.gutters .span_7, .gutters .span_7r 						{ width: 27.75%; }
.gutters .span_8, .gutters .span_8r 						{ width: 32.0%; }
.gutters .span_9, .gutters .span_9r 						{ width: 36.25%; }
.gutters .span_10, .gutters .span_10r 						{ width: 40.5%; }
.gutters .span_11, .gutters .span_11r 						{ width: 44.75%; }
.gutters .span_12, .gutters .span_12r 						{ width: 49.0%; }
.gutters .span_13, .gutters .span_13r 						{ width: 53.25%; }
.gutters .span_14, .gutters .span_14r 						{ width: 57.5%; }
.gutters .span_15, .gutters .span_15r 						{ width: 61.75%; }
.gutters .span_16, .gutters .span_16r 						{ width: 66.0%; }
.gutters .span_17, .gutters .span_17r 						{ width: 70.25%; }
.gutters .span_18, .gutters .span_18r 						{ width: 74.5%; }
.gutters .span_19, .gutters .span_19r 						{ width: 78.75%; }
.gutters .span_20, .gutters .span_20r 						{ width: 83.0%; }
.gutters .span_21, .gutters .span_21r 						{ width: 87.25%; }
.gutters .span_22, .gutters .span_22r 						{ width: 91.5%; }
.gutters .span_23, .gutters .span_23r 						{ width: 95.75%; }
.gutters .span_24 						{ width: 100%; }
/*---------------------------------------
	float
---------------------------------------*/
.fl-left     {float:left;}
.fl-right    {float:right;}
img.fl-left  {margin:0 20px 10px 0;}
img.fl-right {margin:0 0 10px 20px;}

/*---------------------------------------
	text align
---------------------------------------*/
.txt-l  {text-align:left;}
.txt-c  {text-align:center;}
.txt-r  {text-align:right;}
.txt-j  {text-align:justify;}
.txt-vb {vertical-align:bottom;}
.txt-vt {vertical-align:top;}
.txt-vc {vertical-align:middle;}

/*---------------------------------------
	text align
---------------------------------------*/
.lh-10 {line-height:1.0;}
.lh-12 {line-height:1.2;}
.lh-14 {line-height:1.4;}
.lh-16 {line-height:1.6;}
.lh-18 {line-height:1.8;}
.lh-20 {line-height:2.0;}
.lh-22 {line-height:2.2;}
.lh-25 {line-height:2.5;}
.lh-30 {line-height:3.0;}
.lh-35 {line-height:3.5;}



/*---------------------------------------
	Z-INDEX
---------------------------------------*/
.z1{ z-index: 1!important; }
.z2{ z-index: 2!important; }
.z3{ z-index: 3!important; }
.z4{ z-index: 4!important; }
.z5{ z-index: 5!important; }
/*---------------------------------------
	RESET
---------------------------------------*/
.border-zero{border:0px !important;}
ul.none{ list-style-type: none; } /*リストのスタイルなし*/
.underline{ text-decoration: underline!important; }
.del{ text-decoration: line-through; }
.noborder{ border: 0; }/*枠線を無くす*/
.clear{clear:both;}


/*---------------------------------------
	IMG
---------------------------------------*/
a.img{
	display: inline-block;
	width: auto;
	
}
img.auto{
	width:100%;
	height:auto;
}
img.w-img{
	width:100%;
}
/*左右いっぱいに広がるイメージをリセット？*/
img.re-img{
	width:auto;
	height:inherit;
}
/*---------------------------------------
	Display
---------------------------------------*/
.d_inline{
	display:inline;
}
.d_block{
	display: block;
}
.d_t_cel{
	display:table-cell;
}
.d_none{
	display:none;
}


/*---------------------------------------
	font
---------------------------------------*/
.fs-g{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.fs-m {font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.fs-g-mono{font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;}


/*	font style	*/
.fs-b {font-weight:bold;}
.fs-i {font-style:italic;}
.fs-u {text-decoration:underline;}
.fs-d {text-decoration:line-through;}
.fs-cl{text-decoration:none;}
.fs-n {font-weight:normal;}
/*	font size	*/
.f65  {font-size:65%;}
.f75  {font-size:75%;}
.f90  {font-size:90%;}
.f115 {font-size:115%;}
.f125 {font-size:125%;}
.f150 {font-size:150%;}
.f175 {font-size:175%;}
.f200 {font-size:200%;}
.f-sss{font-size:xx-small;}
.f-ss {font-size:x-small;}
.f-s  {font-size:small;}
.f-m  {font-size:medium;}
.f-l  {font-size:large;}
.f-ll {font-size:x-large;}
.f-lll{font-size:xx-large;}

.f08em{ font-size: 0.8em; }
.f09em{ font-size: 0.9em; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.2em; }
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f15em{ font-size: 1.5em; }
.f16em{ font-size: 1.6em; }
.f17em{ font-size: 1.7em; }
.f18em{ font-size: 1.8em; }
.f19em{ font-size: 1.9em; }
.f20em{ font-size: 2.0em; }
.f21em{ font-size: 2.1em; }
.f22em{ font-size: 2.2em; }
.f23em{ font-size: 2.3em; }
.f24em{ font-size: 2.4em; }

.f8pt{ font-size: 8.5pt!important; }
.f9pt{ font-size: 9.0pt!important; }
.f10pt{ font-size: 10pt!important; }
.f11pt{ font-size: 11pt!important; }
.f12pt{ font-size: 12pt!important; }
.f13pt{ font-size: 13pt!important; }
.f14pt{ font-size: 14pt!important; }
.f15pt{ font-size: 15pt!important; }
.f16pt{ font-size: 16pt!important; }
.f17pt{ font-size: 17pt!important; }
.f18pt{ font-size: 18pt!important; }
.f19pt{ font-size: 19pt!important; }
.f20pt{ font-size: 20pt!important; }
.f21pt{ font-size: 21pt!important; }
.f22pt{ font-size: 22pt!important; }
.f23pt{ font-size: 23pt!important; }
.f24pt{ font-size: 24pt!important; }

/*---------------------------------------
	Margin
---------------------------------------*/
.m-auto{margin-left:auto; margin-right:auto}
.m0{ margin: 0!important; }
.m0-t{ margin-top: 0!important; }
.m0-r{ margin-right: 0!important; }
.m0-b{ margin-bottom: 0!important; }
.m0-l{ margin-left: 0!important; }

.m2{ margin: 2px!important; }
.m2-t{ margin-top: 2px!important; }
.m2-r{ margin-right: 2px!important; }
.m2-b{ margin-bottom: 2px!important; }
.m2-l{ margin-left: 2px!important; }

.m3{ margin: 3px!important; }
.m3-t{ margin-top: 3px!important; }
.m3-r{ margin-right: 3px!important; }
.m3-b{ margin-bottom: 3px!important; }
.m3-l{ margin-left: 3px!important; }

.m5{ margin: 5px!important; }
.m5-t{ margin-top: 5px!important; }
.m5-r{ margin-right: 5px!important; }
.m5-b{ margin-bottom: 5px!important; }
.m5-l{ margin-left: 5px!important; }

.m8{ margin: 8px!important; }
.m8-t{ margin-top: 8px!important; }
.m8-r{ margin-right: 8px!important; }
.m8-b{ margin-bottom: 8px!important; }
.m8-l{ margin-left: 8px!important; }

.m10{ margin: 10px!important; }
.m10-t{ margin-top: 10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m10-l{ margin-left: 10px!important; }

.m12{ margin: 12px!important; }
.m12-t{ margin-top: 12px!important; }
.m12-r{ margin-right: 12px!important; }
.m12-b{ margin-bottom: 12px!important; }
.m12-l{ margin-left: 12px!important; }

.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m25{ margin: 25px!important; }
.m25-t{ margin-top: 25px!important; }
.m25-r{ margin-right: 25px!important; }
.m25-b{ margin-bottom: 25px!important; }
.m25-l{ margin-left: 25px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }

.m80{ margin: 80px!important; }
.m80-t{ margin-top: 80px!important; }
.m80-r{ margin-right: 80px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m80-l{ margin-left: 80px!important; }

.m90{ margin: 90px!important; }
.m90-t{ margin-top: 90px!important; }
.m90-r{ margin-right: 90px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m90-l{ margin-left: 90px!important; }

.m100{ margin: 100px!important; }
.m100-t{ margin-top: 100px!important; }
.m100-r{ margin-right: 100px!important; }
.m100-b{ margin-bottom: 100px!important; }
.m100-l{ margin-left: 100px!important; }

.m200{ margin: 200px!important; }
.m200-t{ margin-top: 200px!important; }
.m200-r{ margin-right: 200px!important; }
.m200-b{ margin-bottom: 200px!important; }
.m200-l{ margin-left: 200px!important; }

/*------------------------------------------------------------
　Padding
-------------------------------------------------------------*/

.p0{ padding: 0!important; }
.p0-t{ padding-top: 0!important; }
.p0-r{ padding-right: 0!important; }
.p0-b{ padding-bottom: 0!important; }
.p0-l{ padding-left: 0!important; }

.p2{ padding: 2!important; }
.p2-t{ padding-top: 2!important; }
.p2-r{ padding-right: 2!important; }
.p2-b{ padding-bottom: 2!important; }
.p2-l{ padding-left: 2!important; }

.p3{ padding: 3!important; }
.p3-t{ padding-top: 3!important; }
.p3-r{ padding-right: 3!important; }
.p3-b{ padding-bottom: 3!important; }
.p3-l{ padding-left: 3!important; }

.p5{ padding: 5px!important; }
.p5-t{ padding-top: 5px!important; }
.p5-r{ padding-right: 5px!important; }
.p5-b{ padding-bottom: 5px!important; }
.p5-l{ padding-left: 5px!important; }

.p8{ padding: 8px!important; }
.p8-t{ padding-top: 8px!important; }
.p8-r{ padding-right: 8px!important; }
.p8-b{ padding-bottom: 8px!important; }
.p8-l{ padding-left: 8px!important; }

.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }

.p12{ padding: 12px!important; }
.p12-t{ padding-top: 12px!important; }
.p12-r{ padding-right: 12px!important; }
.p12-b{ padding-bottom: 12px!important; }
.p12-l{ padding-left: 12px!important; }

.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p25{ padding: 25px!important; }
.p25-t{ padding-top: 25px!important; }
.p25-r{ padding-right: 25px!important; }
.p25-b{ padding-bottom: 25px!important; }
.p25-l{ padding-left: 25px!important; }

.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }

.p70{ padding: 70px!important; }
.p70-t{ padding-top: 70px!important; }
.p70-r{ padding-right: 70px!important; }
.p70-b{ padding-bottom: 70px!important; }
.p70-l{ padding-left: 70px!important; }

.p80{ padding: 80px!important; }
.p80-t{ padding-top: 80px!important; }
.p80-r{ padding-right: 80px!important; }
.p80-b{ padding-bottom: 80px!important; }
.p80-l{ padding-left: 80px!important; }

.p90{ padding: 90px!important; }
.p90-t{ padding-top: 90px!important; }
.p90-r{ padding-right: 90px!important; }
.p90-b{ padding-bottom: 90px!important; }
.p90-l{ padding-left: 90px!important; }

.p100{ padding: 100px!important; }
.p100-t{ padding-top: 100px!important; }
.p100-r{ padding-right: 100px!important; }
.p100-b{ padding-bottom: 100px!important; }
.p100-l{ padding-left: 100px!important; }

.p200{ padding: 200px!important; }
.p200-t{ padding-top: 200px!important; }
.p200-r{ padding-right: 200px!important; }
.p200-b{ padding-bottom: 200px!important; }
.p200-l{ padding-left: 200px!important; }

.cl-blue{
	color:#25b2ca;
}