/*****************************************************-
CSS Document : PC用
- ****************************************************/


.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    visibility: hidden;
}

#guide .cts-inr,
#guide .stl04,
#guide .stl05,
#guide .stl06{
	overflow:hidden;
}

.wsn { white-space:nowrap!important; }
.fl { float:left!important; }
.fr { float:right!important; }
.fsn{ font-style:normal!important; }
.bb0{ border-bottom:none!important; }
.bb00{ border-bottom:none!important; }
.mr00{ margin-right:0!important; }
.mb-130{ margin-bottom:-200px!important; }
.mb-200{ margin-bottom:-200px!important; }


#guide .pc-fix-nav-wrap{
  height:initial!important;
}

#guide .product-nav{
  padding-bottom:0!important;
}

#guide .sub-nav-col{
    width:235px;
    float:left;
}


#guide ul.sub-nav-col li {
    margin: 5px 0;
}

#guide ul.sub-nav-col li a {
    display: table-cell;
    width: 168px;
    padding: 0 25px;
    height: 4em;
    text-align: center;
    border: solid 1px #b06000;
    color: #b06000;
    font-weight: 400 !important;
    text-decoration: none;
    vertical-align: middle;
    background: #fffdf1 url(/product/phone/f-03j/kids-mimamori/guide/images/1/arrow01.png) no-repeat 97% 50%;
}

#guide ul.sub-nav-col li a:hover {
    color: #fff;
    border: solid 1px #f35a00;
    background: #f35a00 url(/product/phone/f-03j/kids-mimamori/guide/images/1/arrow01_on.png) no-repeat 97% 50%;
}

#guide ul.sub-nav-col li.stay a {
    color: #fff;
    border: solid 1px #f35a00;
    background: #f35a00 url(/product/phone/f-03j/kids-mimamori/guide/images/1/arrow01_on.png) no-repeat 97% 50%;
}

#guide main{
  width:980px;
  margin:0 auto;
  display:block;
  overflow:hidden;
}
#guide #ctsHead {
    padding: 20px 0;
    font-size: 200%;
}

#guide.bg03 ul.sub-nav-col li a:hover {
    border: solid 1px #f9a825;
    background: #f9a825 url(/product/phone/f-03j/kids-mimamori/guide/images/1/arrow01_on.png) no-repeat 97% 50%;
}
#guide.bg03 ul.sub-nav-col li.stay a {
    border: solid 1px #f9a825;
    background: #f9a825 url(/product/phone/f-03j/kids-mimamori/guide/images/1/arrow01_on.png) no-repeat 97% 50%;
}
#guide.bg03 main{
  background:none;
}
#guide.bg03 .dtl-ttl {
    background: #f9a825;
}

#guide .rside{
    padding-left:260px;
}

#guide main .cts-inr {
    position:relative;
    min-height:350px;
}
#guide main .cts-inr.w240img {
    min-height:300px;
}

#guide main .cts-inr.size02 {
    min-height:750px;
}

#guide main .cts-inr .dtl-img {
    position:absolute;
    top:7px;
}

#guide .w240img .dtl-img {
    width: 300px;
    text-align: center;
}

#guide main .cts-inr,#guide main .dtl-idt,#guide main .accessory {
    width:710px;
}

#guide section.main-dtl {
    height: 35px!important;
}




#guide.product-info .page-ttl {
    text-align: left;
    font-size: 250%;
    color: #333;
    border-bottom: 2px solid #333;
}

.dtl-txt {
    margin: 0 0 20px 280px;
    width: 430px;
}
.dtl-txt dl{ overflow:hidden; zoom:1;}
.dtl-txt .txt {
    font-size: 131%;
}

.product-info .dtl-ttl {
margin-left: auto;
    margin-right: auto;
    background: #f35a00;
    margin-top: 5px;
    line-height: 1.5;
    font-size: 190%;
    vertical-align: bottom;
    padding: 5px 10px 10px 10px;
    color: white;
}

#guide.product-info .page-ttl {
    width: initial;
}

#guide.product-info .info-dtl {
    padding-top: 45px;
    padding-bottom: 45px;
}


#guide ul.sub-nav-col#bg04 li a {
    display: table-cell;
    width: 168px;
    padding: 0 25px;
    height: 4em;
    text-align: center;
    border: solid 1px #b06000;
    color: #b06000;
    font-weight: 400 !important;
    text-decoration: none;
    vertical-align: middle;
    background: #fffdf1;
}


.dtl-img>img {
    width: 300px;
    height: auto;
}

.w240img .dtl-img>img {
    width: 200px;
}
.stl02_inrImg img,
.kidsImg img{
	width:200px;
	height: auto;
}

.dtl-txt dd {
    margin-left: 83px;
    padding-top: 20px;
}

.dtl-txt dt {
    text-align:right;
    width: 70px;
    float: left;
    font-size: 200%;
}


/* ol .no .astrsk set */
.dtl-txt>ol>li{
    font-size: 130%;
}

.dtl-txt li.no {
    position: relative;
    margin-bottom: 15px;
}

.dtl-txt li.no:before {
    font-size: 120%;
    position: absolute;
    left: -55px;
    top: -5px;
}

.dtl-txt li.no01:before {
    content: "（1）";
}

.dtl-txt li.no02:before {
    content: "（2）";
}

.dtl-txt li.no03:before {
    content: "（3）";
}

.dtl-txt li.no04:before {
    content: "（4）";
}

.dtl-txt li.no05:before {
    content: "（5）";
}

.dtl-txt li.no06:before {
    content: "（6）";
}


.attTxt ol{
	margin-top:1.5em;
	padding: 0 0 25px 25px;
}
.attTxt ol li,
.dtl-txt li.astrsk{
    font-size: 100%;
}

.attTxt li.no{
    position: relative;
    margin-bottom: 15px;
}

.attTxt li.no:before {
    position: absolute;
    left: -50px;
    top: -5px;
}
.attTxt li.astrsk:before,
.dtl-txt li.astrsk:before {
    position: absolute;
    content: "※";
	font-size: 110%;
    left: -20px;
    top: -3px!important;
}
.dtl-txt li.astrsk:before{ top:2px;}



.dtl-txt>ol {
    padding: 0 0 25px 83px;
}

.stl01{
    font-size:130%;
    margin-left:360px;
    width:350px;
}

.stl02{
    border: solid 2px #f9a825;
    padding: 20px;
}

.stl02_inrTxt{
    margin-left: 37px;
    font-size: 150%;
    font-weight: bold;
}

.stl02_inrImg{
    margin: 20px 35px 0 0;
    text-align: center;
    width: 320px;
}



/*** 初期設定 ***/
.stl03{
	overflow:hidden;
	padding-bottom:60px;
}
.stl03 li {
    float: left;
    width: 160px;
    padding-right: 26px;
    background: url(/product/phone/f-03j/kids-mimamori/guide/images/1/arrow03.png) no-repeat 98% 78px;
    margin-top: 40px;
}

.stl03 li.last {
    padding-right: 0;
    background: none;
}

.stl03-img img {
    max-width: 100%;
    height: auto;
}

.stl03-txt {
    font-size: 130%;
}
.stl04{
	overflow:hidden;
}
.stl04_inr {
    width: 350px;
    float: left;
    font-size: 130%;
    margin-right: 20px;
}
.stl04_inr.app_store {
    margin-right: 0;
}
.stl04_inr a{
	display:block;
	width:250px;
	margin:30px auto 0;
}
.stl04_inr img {
    width: 100%;
    height: auto;
}
.stl04_inr.google_play:after{
	content:"";
	display:block;
	height:160px;
	margin-top:10px;
	background:url(/product/phone/f-03j/kids-mimamori/guide/images/1/guide02-01-02.png) no-repeat center 0;
	background-size:auto 100%;
}
.stl04_inr.app_store:after{
	content:"";
	display:block;
	height:160px;
	margin-top:10px;
	background:url(/product/phone/f-03j/kids-mimamori/guide/images/1/guide02-01-04.png) no-repeat center 0;
	background-size:auto 100%;
}



/*** 事前準備 ***/


.stl05 p {
    font-size: 130%;
}
.stl05 ol{
	overflow:hidden;
	zoom:1;
}
.stl05 li {
    float: left;
    width: 225px;
    padding-right: 20px;
    margin-top: 40px;
    text-align: center;
}

.stl05 li.last {
    padding-right: 0;
}

.stl05-img img {
    max-width: 100%;
    height: 233px;
}

.stl05-txt {
    font-size: 130%;
}

.stl06 li {
    float: left;
	text-align:center;
    width: 320px;
    padding-right: 70px;
    background: url(/product/phone/f-03j/kids-mimamori/guide/images/1/arrow03.png) no-repeat 93.5% 52%;
    margin: 10px 0 30px;
}

.stl06 li.last {
    padding-right: 0;
    background: none;
}

.stl06 img {
    max-width: 200px;
    height: auto;
}


#guide .dtl-txt.stl07 ol {
    padding: 0 0 25px 120px;
}

#guide .dtl-txt.stl08 {
    margin: 0 0 -32px 280px;
}


.deco_txt{ font-weight:normal; color: #f00;}

/* ページ下部ナビ */
#guide .rside + hr{width:auto;}
#guide main .btn-sec .cts-inr{
	width:980px;
	min-height:60px;
}
.product-info .btn-sec .btn-next a span em,
.product-info .btn-sec .btn-prev a span em{
	margin:4px 0;
}
.product-info .btn-sec .btn-next a span em br,
.product-info .btn-sec .btn-prev a span em br{
	display:none;
}
.product-info .btn-sec .btn-next a span em span,
.product-info .btn-sec .btn-prev a span em span{
	margin:0;
	padding:0;
	background:none;
	font-size:80%;
}
