@charset "utf-8";
/* ----------------------------------
メディアクエリ　モバイルレイアウト : 480pxまで
----------------------------------- */
#ttlCategory span{
width: 213px;
background-image: url(../images/ttl_category_sp.png);
background-size: 213px auto;
}
.contentsInner section{
padding: 14px 14px 40px;
}

#pict01 img{
width: 100%;
height: auto;
} 
#section01 h2{
color: #e76200;
font-weight: bold;
font-size:14px;
line-height: 1.3;
}
.android #section01 h2{
text-shadow:1px 0 1px #e76200;
}
#section01 h3{
margin-top:1.5em;
font-weight: bold;
font-size:11px;
line-height: 1.6;
}
.android #section01 h3{
text-shadow:1px 0 1px #333;
}
#section01 p{
font-size:11px;
line-height: 1.4;
}




/* ----------------------------------
メディアクエリ　タブレットレイアウト : 481px　〜
----------------------------------- */
@media only screen and (min-width: 481px) {
.contentsInner section{
padding: 14px 20px 80px;
}
#pict01{
margin-bottom:20px;
padding: 20px  20px 0;
}
#section01 h2{
margin-top:0;
font-size:20px;
line-height: 1.3;
}
#section01 h3{
margin-top:1.5em;
font-size:14px;
line-height: 1.8;
}
#section01 p{
font-size:14px;
line-height: 1.8;
}


}

/* ----------------------------------
メディアクエリ　デスクトップレイアウト : 769px　〜
----------------------------------- */
@media only screen and (min-width: 769px) {
#ttlCategory span{
width: 332px;
background-image: url(../images/ttl_category_pc.png);
background-size: 332px auto;
}

}