@charset "shift_jis";

/*
01:common   style
02:frame    style
03:section  style
*/

/* ==============================================================
01:common style
============================================================== */

/* h
---------------------------- */

h2 {
	padding: 14px 0 10px 15px;
	background: #efefef;
	border-bottom: 1px solid #ddd;
	font-size: 186%;
	font-weight: bold;
	line-height: 1.2;
}

#mobile-data h2 {
	border-top: 3px solid #5533bb;
}

#keitai h2 {
	border-top: 3px solid #3266cc;
}

h3 {
	margin-top: 35px;
	padding: 2px 0 0 10px;
	font-size: 143%;
	font-weight: bold;
	line-height: 1.2;
}

#mobile-data h3 {
	border-left: 6px solid #5533bb;
}

#mobile-data h3 span {
	color: #5533bb;
	font-size: 80%;
	line-height: 1.5;
}

#keitai h3 {
	border-left: 6px solid #3266cc;
}

h4 {
	margin-top: 25px;
	padding-left: 21px;
	background: url(https://img1.kakaku.k-img.com/images/bb/guide/icon_check.png) no-repeat left 1px;
	font-size: 115%;
	font-weight: bold;
	line-height: 1.2;
}

#keitai h4 {
	background-position: 0 -45px;
}

/* link
---------------------------- */

.linkType1 {
	padding-left: 10px;
	background: url(https://img1.kakaku.k-img.com/images/category/pplrctgy_arrow.gif) no-repeat left center;
}

.linkBoxType1 {
	display: block;
	margin-top: 5px;
}

/*-- linkTxt --*/
.linkTxt {
	display:block;
	padding: 0 0 0 14px;
	background: url(https://img1.kakaku.k-img.com/images/mobile_data/sim/guide/icon_set.png) no-repeat left top;
	background-position: -10px -102px;
	font-size:85%;
}

/* txt
---------------------------- */
.pointTxtType1 {
	font-weight: bold;
	background: url(https://img1.kakaku.k-img.com/images/bb/guide/bg_border.png) repeat-x left bottom;
}

.pointTxtType2 {
	font-size: 115%;
	font-weight: bold;
	line-height: 1.2;
}

/* img
---------------------------- */

.image {
	float: right;
	margin-left: 20px;
}

.imageTxt {
	text-align: center;
}

.imageBoxType1 {
	display: block;
	margin-bottom: 5px;
	text-align: center;
}

/* table
---------------------------- */

.tableType1 {
	width: 100%;
	margin-top: 12px;
	border-collapse: collapse;
	font-size: 93%;
}

.tableType1 th,
.tableType1 td {
	padding: 10px;
	border: 1px solid #ddd;
	text-align: left;
}

.tableType1 th {
	font-weight: bold;
}

.tableType1 thead.type1 th {
	background: #efefef;
	text-align: center;
	font-weight: normal;
}

.tableType1 tbody.type1 th {
	font-weight: bold;
}

.tableType1 tbody.type1 td {
	text-align: center;
}

.tableType1 thead.type2 th {
	text-align: center;
}

.tableType1 tbody.type2 td {
	vertical-align: top;
}

.tableType1 dl dt {
	font-weight: bold;
}

.tableType1 dl dd {
	display: list-item;
	list-style-type: disc;
	margin: 5px 0 0 18px;
	font-size: 93%;
}

.tableType1 li {
	list-style: none;
	margin-top: 8px;
	text-align: left;
}

.tableType1 li:first-child {
	margin-top: 0;
}

table .no {
	border: none!important;
}

.markCircle,
.markTriangle,
.markX {
	display: block;
	padding-top: 24px;
	background: url(https://img1.kakaku.k-img.com/images/bb/guide/icon_mark.png) no-repeat center top;
}

.markTriangle {
	background-position: center -60px;
}

.markX {
	background-position: center -117px;
}


/* itemList
---------------------------- */

.itemList li {
	list-style-type: disc;
	margin: 5px 0 0 18px;
}

.itemList li:first-child {
	margin-top: 0;
}


/* note, info
---------------------------- */

.note {
	color: #666;
	font-size: 86%;
	font-weight: normal;
}

.supInfo {
	margin-top: 15px;
	padding: 15px;
	background: #efefef;
	border-radius: 5px;
}


/* qa
---------------------------- */

.qa dt,
.qa dd {
	min-height: 20px;
	margin-top: 5px;
	padding-left: 25px;
	background: url(https://img1.kakaku.k-img.com/images/bb/guide/icon_qa.png) no-repeat left top;
}

.qa .q {
	font-weight: bold;
}

.qa .a {
	background-position: 0 -105px;
}

.qa ul {
	margin: 12px 0;
}

.qa li {
	list-style-type: disc;
	margin-left: 18px;
}


.qaitem {
	margin-top: 35px;
}

.qaitem dt {
	font-size: 122%;
	font-weight: bold;
}

.qaitem .imageTxt {
	display: block;
	margin-top: 10px;
}


/* carrier
---------------------------- */
th .simfree,
th .docomo,
th .au,
th .softBank,
th .ymobile,
th .wimax {
	font-size: 115%;
	font-weight: bold;
}

.simfree {
	color: #0070c7;
}

.docomo {
	color: #c03;
}

.au {
	color: #eb5505;
}

.softBank {
	color: #666;
}

.ymobile {
	color: #f03;
}

.wimax {
	color: #0098d9;
}


/* ==============================================================
02:frame style
============================================================== */

/* #header
---------------------------- */

.prText iframe {
	width: 380px;
}

#header .headerL {
	width: 380px;
}

#pathTxt {
	width: 100%;
}

/* #mainContents
---------------------------- */

#mainContents {
	font-size: 108%;
}

/* .guideType
---------------------------- */

.guideType2 .mainTitle .title {
	margin: 0 20px;
	padding: 7px 0 15px;
	background: none;
	font-size: 200%;
	font-weight: bold;
}

.guideType2 .mainTitle .lead {
	margin: 0;
	padding: 10px 20px 15px;
	background: none;
	border-bottom: 2px solid #ddd;
	font-size: 108%;
	font-weight: normal;
	line-height: 1.5;
}

.guideType2 h2 {
	font-size: 150%;
}

.guideType2 h3 {
	font-size: 129%;
}

.guideType2 .itemList {
	margin-top: 10px;
}


/* ==============================================================
03:section style
============================================================== */

/* .mainTitle
---------------------------- */

.mainTitle {
	padding-top: 20px;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.mainTitle p {
	margin: 0 20px;
	padding: 7px 0 15px 55px;
	background: url(https://img1.kakaku.k-img.com/images/bb/guide/icon_title.png) no-repeat left top;
	border-bottom: 1px solid #ddd;
	font-size: 248%;
	font-weight: bold;
	line-height: 1;
}

.mainTitle dl {
	padding: 10px 20px 15px;
	border-bottom: 2px solid #ddd;
}

.mainTitle dt,
.mainTitle dd {
	list-style-type: none;
	float: left;
	margin-right: 15px;
}

.mainTitle + .section {
	margin-top: 20px;
}


/* .section
---------------------------- */

.section {
	margin-top: 35px;
	padding-bottom: 15px;
	line-height: 1.5;
}

.section p {
	margin-top: 12px;
}

.sectionLead {
	margin-top: 25px!important;
	font-weight: bold;
}

/* .planSearch
---------------------------- */

.planSearch {
	padding: 20px;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.planSearch h2 {
	padding: 0;
	font-size: 129%;
	font-weight: bold;
	line-height: 1.2;
	background: #fff;
	border: none!important;
}

.planSearch p {
	font-size: 186%;
	font-weight: bold;
}

.planSearch p img {
	margin-bottom: -2px;
}

.planSearch .btnLink {
	font-size: 136%;
}

.planSearch .btnLink a {
	display: block;
	width: 420px;
	height: 36px;
	padding: 16px 20px 0 0;
	background: url(https://img1.kakaku.k-img.com/images/bb/guide/btn_category.png) no-repeat left top;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 1;
}

.planSearch .btnLink a:hover {
	background-position: 0 -52px;
}

.planSearch .image {
	margin-top: -20px;
}

.planSearch.type02 {
	text-align: center;
}

.planSearch.type02 .btnLink a {
	margin: 0 auto;
}

.planSearch.type02 p {
	margin-top: 10px;
}


/* .sim #beforeSelect
---------------------------- */

.sim #beforeSelect table .note {
	display: block;
	padding-top: 5px;
}

.sim #beforeSelect table .note img {
	margin: 0 3px 3px;
	vertical-align: middle;
}



/* .mobile_data #about
---------------------------- */

.mobile_data #about dl {
	min-height: 53px;
	margin-top: 10px;
	padding: 8px 0 0 75px;
	background: url(https://img1.kakaku.k-img.com/images/mobile_data/article/high_speed/about_img2.png) no-repeat left top;
}

.mobile_data #about dl.aboutCase2 {
	background-position: 0 -88px;
}

.mobile_data #about dl.aboutCase3 {
	background-position: 0 -176px;
}

.mobile_data #about dl.aboutCase4 {
	background-position: 0 -264px;
}

.mobile_data #about dl.aboutCase5 {
	background-position: 0 -352px;
}

.mobile_data #about dl.aboutCase6 {
	padding-top: 1px;
	background-position: 0 -440px;
}

.mobile_data #about dl dt {
	margin-top: 10px;
	font-size: 115%;
	font-weight: bold;
	line-height: 1.2;
}


/*-- meritBox --*/
.meritBox {
	margin-top:20px;
}
.meritBox > ul > li {
	float:right;
	width:370px;
	vertical-align:top;
	list-style:none;
}
.meritBox > ul > li:first-child {
	float:left;
}

.meritBox > ul > li > dl > dt {
	padding:8px 0;
	background-color:#0070c7;
	border-radius:6px 6px 0 0;
	text-align:center;
}
.meritBox > ul > li > dl > dd {
	padding:15px;
	min-height:260px;
	border:1px solid #0070c7;
	border-radius: 0 0 6px 6px;
	background: url(https://img1.kakaku.k-img.com/images/article/keitai/iphone/sim/section1_melit_bg1.png) no-repeat center center;
}

.meritBox .meritBoxList {
	display: table;
}
.meritBox .meritBoxList ul {
	display:table-cell;
	vertical-align:middle;
}
.meritBox .meritBoxList ul li {
	margin-bottom:10px;
	padding-left:15px;
	background: url(https://img1.kakaku.k-img.com/images/mobile_data/sim/guide/icon_set.png) no-repeat ;
	background-position: -12px -2px;
	list-style:none;
}
.meritBox .meritBoxList ul li:last-child {
	margin-bottom:0;
}
/*-- pointTxt --*/
.pointTxt1 {
    font-size: 130%;
    font-weight: bold;
}

/*-- demerit --*/
.meritBox > ul > li > dl.demerit > dt {
	background-color:#bababa;
}
.meritBox > ul > li > dl.demerit > dd {
	border:1px solid #bababa;
	background: url(https://img1.kakaku.k-img.com/images/article/keitai/iphone/sim/section1_melit_bg2.png) no-repeat center center;
}

/* バナー枠追加　160307 sm18
---------------------------- */
.bannerBox {
	width: 710px;
	margin: 10px auto 30px;
	text-align: center;
}

/* 160420 */
#mobile-data #mnp .h4Line {
    margin-top: 5px;
    border-bottom: 2px solid #444;
    display: table;
    width: 100%;
    margin-bottom: 20px;
}
#mobile-data #mnp .h4Line div {
    display: table-cell;
    vertical-align: bottom;
    line-height: 1;
    padding-bottom: 10px;
}
#mobile-data #mnp .h4Line .infoUpdater {
    font-size: 78%;
    text-align: right;
}

#mobile-data .preparation {
  background: #f8f8f8;
  border: 1px solid #dadada;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 35px;
}
#mobile-data .preparation .prepcom {
  background: #fff;
  border-radius: 5px;
  padding: 20px 15px;
}
#mobile-data .preparation .prepcom .prep01 p,
#mobile-data .preparation .prepcom .prep02 p{
  font-size: 90%;
  line-height: 1.6;
}
#mobile-data .preparation .prepcom .prep01 p {
    width: 540px;
}
#mobile-data .preparation .prepcom .prep02 p{
    width: 580px;
}
#mobile-data .preparation .prepcom .prep03 p{
    width: 510px;
}
#mobile-data .preparation .prepcom .prepBox,
#mobile-data .preparation .prepcom .prep2Box{
    background: url(https://img1.kakaku.k-img.com/images/mobile_data/sim/company/smartphone_parts.png) no-repeat;
}
#mobile-data .preparation .prepcom .prepTtlLine{
  display: table;
  vertical-align: middle;
}
#mobile-data .preparation .prepcom .prepTtl {
  border: 1px solid #b6b6b6;
  background: #f8f8f8;
  padding: 4px 5px 3px;
  display: table-cell;
  margin-bottom: 16px;
  font-size: 89%;
}
#mobile-data .preparation .prepcom .prepTtlSub {
    display: table-cell;;
    font-weight: bold;
    padding-left: 10px;
    font-size: 110%;
}
#mobile-data .preparation .prepcom .prepBox {
    background-position: 420px 8px;
    min-height: 100px;
}
#mobile-data .preparation .prepcom .prep2Box   {
    background-position: 400px -250px;
}
#mobile-data .preparation .prepcom div.prep1 {
    background: url(https://img1.kakaku.k-img.com/images/mobile_data/sim/company/smartphone_parts.png) no-repeat;
    background-position: 435px -592px;
    min-height: 80px;
}

#mobile-data p.prepRef {
    font-size: 85%;
    margin-top: 10px;
}
#mobile-data .prepRef a:link, #mobile-data .prepRef a:visited {
    color: #0867bf;
    text-decoration: none;
}
#mobile-data .prepRef a.targetLink {
    background: url(https://img1.kakaku.k-img.com/images/mobile_data/sim/company/icons.png) no-repeat;
    background-position: right 3px;
    padding-right: 15px;
}

#mobile-data .simSetting + .h4Line {
    margin-top: 50px;
}
#mobile-data .simSetting dl + dl {
    margin-top: 30px;
}
#mobile-data .simSetting dt, #mobile-data .simSetting dd p{
    padding-left: 90px;
}
#mobile-data .simSetting dt, #mobile-data .simSetting dd .backIcn{
    background: url(https://img1.kakaku.k-img.com/images/mobile_data/sim/company/smartphone_parts.png) no-repeat;
}
#mobile-data .simSetting dt {
    font-weight: bold;
    font-size: 112%;
    margin-bottom: 15px;
    min-height: 25px;
}
#mobile-data .simSetting .step1 dt {
  background-position: left -901px;
}
#mobile-data .simSetting .step2 dt {
    background-position: left -1200px;
}
#mobile-data .simSetting dd {
    line-height: 1.4;
}
#mobile-data .simSetting .step1 dd .backIcn{
    background-position: left -1500px;
    min-height: 60px;
}
#mobile-data .simSetting .step2 dd .backIcn{
    background-position: left -1800px;
    min-height: 62px;
}
#mobile-data .simSetting .guideBox {
  background: #eef6fe none repeat scroll 0 0;
  border-radius: 5px;
  font-size: 95%;
  line-height: 1.3;
  margin: 14px 0 10px 88px;
  padding: 10px;
}
#mobile-data .simSetting .guideBox span {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}
#mobile-data .simSetting dd .fwBold {
    font-weight: bold;
}

#mobile-data .meritBox .tableType1 th{
  background: #F1F7FB;
  width: 32%;
}
#mobile-data .meritBox .meritTtl {
  margin-bottom: 8px;
  text-align: left;
  font-weight: bold;
  font-size: 150%;
  color: #0070C7;
}
#mobile-data .meritBox .meritTtl span {
  background: url(https://img1.kakaku.k-img.com/images/bb/guide/icon_mark.png) no-repeat left 3px;
  padding-left: 28px;
  display:inline-block;;
}

#mobile-data .meritBox .tableType1.demerit{
  margin-top: 20px;
}
#mobile-data .meritBox .demerit th{
  background: #efefef;
  color: #777777;
}
#mobile-data .meritBox .demerit .meritTtl {
  color: #777777;
}
#mobile-data .meritBox .demerit .meritTtl span {
  background: url(https://img1.kakaku.k-img.com/images/bb/guide/icon_mark.png) no-repeat left -114px;
  padding-left: 28px;
}


/* 2016.08.02 ポケモン対応 sm23
-----------------------------------------------------*/
#keitai h2.type2 {
	background: none;
	border: none;
	border-left: 6px solid #3266cc;
	font-size: 143%;
    font-weight: bold;
    line-height: 1.2;
    margin-top: 35px;
    padding: 2px 0 0 10px;
}

.section.type2 {
	margin-top: 20px;
}
.section.type2 a + img {
	margin-left: 2px;
}

.listType01	{
	list-style: none;
	margin: 0 0 0 10px;
}
.listType01 > li:before {
	content:'・';
	text-indent: 1em;
	margin-left: -1em;
}

.boxType01 {
	border-radius: 5px;
	background: #f2f2f2;
	border: 1px solid #ddd;
}
.boxType01 p {
	margin: 0;
}
.boxType01Inner {
	border-radius: 0 0 4px 4px;
	background: #fff;
	padding: 14px;
}
.boxType01 .txtType01 {
	margin: 6px 12px;
	font-size: 112%;
	font-weight: bold;
}
.boxType01 .pointTxtType2 {
	margin-bottom: 5px;
	font-size: 100%;
}
.boxType01 ul + .pointTxtType2 {
	border-top: 1px dotted #ccc;
	margin-top: 13px;
	padding-top: 13px;
}

.boxType01 + .boxType01,
p + .boxType01,
.boxType01 + p.note {
	margin-top: 20px;
}

.mainTitlePokemon {
    background: url(https://img1.kakaku.k-img.com/images/keitai/smartphone/lowprice/common/icn_pokemon_l.png) no-repeat 20px center;
    padding: 20px 20px 17px 68px;
    border: 1px solid #ddd;
    border-bottom: 2px solid #ddd;
    border-radius: 5px;
    font-size: 182%;
    font-weight: bold;
    line-height: 1.3;
}

.pokemonCheck {
    font-size: 93%;
    position: relative;
    border: 2px solid #ddd;
	border-left: 1px solid #ddd;
    height: 482px;
    background: #f2f2f2;
	margin: 20px 0;
}
.pokemonCheck table {
	table-layout: fixed;
}
.pokemonCheck table thead, .pokemonCheck table tbody {
    display: block;
}
.pokemonCheck table thead {
    position: absolute;
    top: 0;
    left: 0;
}
.pokemonCheck table tbody {
    position: absolute;
    top: 69px;
    left: 0;
    overflow-y: scroll;
    height: 413px;
}
.pokemonCheck table th {
    width: auto;
    text-align: center;
    font-weight: bold;
    border-right: none;
    background: none;
    height: 20px;
	border-top: none;
    border-bottom: none;
    padding: 7px 10px;
    text-align: center;
}
.pokemonCheck table td {
    background: #fff;
    padding: 6px 10px;
    border-bottom: none;
    border-bottom: 1px solid #ddd\9;
    border-right: 1px solid #ddd;
}

.pokemonCheck table th.w03 {
	border-bottom:1px solid #ddd;
}
.pokemonCheck table td.w01,
.pokemonCheck table td.w05 {
	vertical-align: top;
}
.pokemonCheck .w01 {
	width: 160px;
}
.pokemonCheck .w02 {
	width: 190px;
}
.pokemonCheck .w03 {

}
.pokemonCheck .w04 {
	width: 46px;
}
.pokemonCheck .w05 {
	width: 192px;
}
.pokemonCheck td.w04 {
	text-align: center;
	color: #999;
	line-height: 1;
}
.pokemonCheck td.w04 img {
	vertical-align: middle;
}

/* 2018.07.06 improve sm34
-----------------------------------------------------*/
/* button */
.p-btn {
	display: table;
	width: 790px;
	margin-top: 30px;
	margin-left: -15px;
}
.p-btn_list {
	display: table-cell;
	padding: 0 15px;
	list-style-type: none;
}
a.p-btn_list_link {
	position: relative;
	display: block;
	padding: 18px 16px 16px 0;
	color: #fff;
	background: #ffb300;
	background: linear-gradient(to bottom, #ffb300 20%,#ff9300 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb300', endColorstr='#ff9300',GradientType=0 );
	border-bottom: 3px solid #8B3B00;
	border-radius: 10px;
	font-size: 15px;
	letter-spacing: -.01em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	cursor: pointer;
}
a.p-btn_list_link:hover {
	top: 2px;
	color: #fff;
	background: #ffca4d;
	background: linear-gradient(to bottom, #ffca4d 20%,#ffb44d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffca4d', endColorstr='#ffb44d',GradientType=0 );
	text-decoration: none;
	border-bottom: 1px solid #c8671f;
}
a.p-btn_list_link::before {
	content: '';
	position: absolute;
	right: 12px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 20px;
	height: 26px;
	background: url(https://img1.kakaku.k-img.com/images/mobile_data/article/high_speed/btn_arrow.png) no-repeat 0 0;
	background-size: 20px 60px;
}
a.p-btn_list_link:hover::before {
	background-position: 0 -30px;
}

/* p-point */
.p-point {
	width: 770px;
	border-spacing: 5px 0;
	margin-left: -5px;
}
.p-point_list {
	width: 33%;
	padding: 14px 8px;
	text-align: center;
	transition: all 100ms 0s ease;
	border-radius: 6px;
}
.p-point_over {
	background: #eee;
}
.section p.p-point_ttl {
	display: inline-block;
	height: 32px;
	margin: 0;
	padding: 7px 15px 0;
	color: #1fac91;
	border: 2px solid #1fac91;
	border-radius: 17px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	box-sizing: border-box;
}
.section .p-point_over p.p-point_ttl {
	color: #fff;
	background: #1fac91;
}
.p-point_img {
	margin-top: 15px;
	text-align: center;
}
.p-point_list_txt {
	height: 80px;
	text-align: left;
}
.p-point_over a.p-btn_list_link {
	top: 2px;
	color: #fff;
	background: #ffca4d;
	background: linear-gradient(to bottom, #ffca4d 20%,#ffb44d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffca4d', endColorstr='#ffb44d',GradientType=0 );
	text-decoration: none;
	border-bottom: 1px solid #c8671f;
}
.p-point_over a.p-btn_list_link::before {
	background-position: 0 -30px;
}

/* p-itemlist */
.p-itemlist + p {
	margin-top: 30px;
}
.p-itemlist_list {
	width: 50%;
}
.p-itemlist_list .p-btn_list_link {
	font-size: 18px;
	padding: 20px 18px 18px 0;
}
.p-itemlist_list .p-btn_list_link::before {
	right: 16px;
}
/* p-plansearch */
.p-plansearch {
	width: 735px;
	margin: 20px 0 10px -10px;
}
.p-plansearch_list {
	width: 33%;
	padding: 0 10px;
}
