@charset "utf-8";
/* ----------------------------------
メディアクエリ　モバイルレイアウト : 480pxまで
----------------------------------- */
#ttlCategory span{
width:237px;
background-image: url(../images/ttl_category_sp.png);
background-size: 237px auto;
}
.contentsInner section{
padding: 14px 14px 0;
}
#pict01 img{
width: 100%;
height: auto;
} 
#section01{
margin-bottom:30px;
}
#section02{
margin-bottom:30px;
padding-bottom:14px;
}
#section01 h2,
#section02 h2{
color: #f06363;
font-weight: bold;
font-size:14px;
line-height: 1.3;
}
.android #section01 h2,
.android #section02 h2{
text-shadow:1px 0 1px #f06363;
}
#section02 h2{
margin-bottom:10px;
}
#section02 h3{
font-weight: bold;
}
.android #section02 h3{
text-shadow:1px 0 1px #333;
}
#section01 p,
#section02 p{
font-size:11px;
line-height: 1.6;
}
#section01 p{
margin-top:1.5em;
}
#section01 a,
#section02 a{
text-decoration: none;
}
#section02 .block{
padding:12px;
background: #f7f7f7;
border-top: #d2d2d2 solid 1px;
}
#section02 .block.noline{
border-top:none;
}
#section02 .ttlWrap{
margin-bottom:10px;
display: table;
font-size:11px;
line-height: 1.4;
}
#section02 .ttlWrap div{
display: table-cell;
vertical-align: middle;
}
#section02 div.logo{
width:47px;
}
#section02 div.logo img{
width: 37px;
height: auto;
}

/* ----------------------------------
メディアクエリ　タブレットレイアウト : 481px　〜
----------------------------------- */
@media only screen and (min-width: 481px) {


.contentsInner section{
padding: 14px 20px 0;
}
#pict01{
padding: 20px  20px 0;
}

#section01{
padding-top:30px;
margin-bottom:30px;
}
#section02{
margin-bottom:0;
padding-bottom:20px;
}
#section01 h2,
#section02 h2{
font-size:18px;
}
#section01 h2{
margin-top:0;
}
#section02 h2{
margin-bottom:15px;
}
#section02 h3{
font-weight: bold;
font-size: 14px;
}
.android #section02 h3{
text-shadow:1px 0 1px #333;
}
#section01 p,
#section02 p{
font-size:14px;
line-height: 1.8;
}
#section01 p{
margin-top:1.5em;
}
#section01 a,
#section02 a{
text-decoration: none;
}
#section02 .block{
padding:24px 20px;
background: #f7f7f7;
border-top: #d2d2d2 solid 1px;
}
#section02 .block.noline{
border-top:none;
}
#section02 .ttlWrap{
margin-bottom:10px;
display: table;
font-size:14px;
line-height: 1.4;
}
#section02 .ttlWrap div{
display: table-cell;
vertical-align: middle;
}
#section02 div.logo{
width:84px;
}
#section02 div.logo img{
width: 74px;
height: auto;
}

}

/* ----------------------------------
メディアクエリ　デスクトップレイアウト : 769px　〜
----------------------------------- */
@media only screen and (min-width: 769px) {

    #ttlCategory span{
    width: 346px;
    background-image: url(../images/ttl_category_pc.png);
    background-size: 346px auto;
    }
}