@charset "utf-8";

/*===============================================
●SP 画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
#Na_favor{
width:100%;
margin:0 auto;
}

/* 一覧 */
.text16 {
font-size:16px;
line-height:1.5;
text-align: justify;
}
.backnbbox_a {
margin:0px 8px 50px;
}
.backnbtlwaku {
border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
position: relative;
z-index: 1;
background: #FFF;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
margin:16px 0px 0px;
width:175px;
}
.backnbwaku {
border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
position: relative;
z-index: 0;
background: #FFF;
border: 1px solid #cccccc;
margin-top:-1px;
}
.backnbtl {
margin:0px;
padding:10px 15px 5px;
font-size:14px;
}
.backnbbox {
padding:8px 0px 0px 8px;
overflow:hidden;
font-size:12px;
line-height:1.2;
}
.backnbbox .img {
width:100%;
margin-bottom:4px;
}
.backnb01 {
width:48%;
margin:0 2% 2% 0;
float:left;
text-align:center;
}
.backnb03 {
width:48%;
margin:0 4% 0 0;
float:left;
text-align:center;
}
.backnb04 {
width:48%;
margin:0 4% 0 0;
float:left;
text-align:center;
}
.backnb05 {
width:48%;
margin:0 4% 0 0;
float:left;
text-align:center;
}
.backnb06 {
width:48%;
margin:0;
float:left;
text-align:center;
}
}

/*===============================================
●PC 画面の横幅が640px
===============================================*/
@media screen and (min-width:640px){
#Na_favor{
width:764px;
margin:0 auto;
}

/* 一覧 */
.text16 {
font-size:16px;
line-height:1.5;
text-align: justify;
}
.backnbbox_a {
width:1024px;
margin:0 auto;
}
.backnbtlwaku {
border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
position: relative;
z-index: 1;
background: #FFF;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
margin:40px 0px 0px;
width:175px;
}
.backnbwaku {
border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
position: relative;
z-index: 0;
background: #FFF;
border: 1px solid #cccccc;
margin-top:-1px;
}
.backnbtl {
margin:0px;
padding:10px 15px 5px;
font-size:20px;
}
.backnbbox {
padding:20px 0px 10px 10px;
overflow:hidden;
font-size:12px;
line-height:1.2;
}
.backnbbox .img {
width:158px;
margin-bottom:5px;
}
.backnb01 {
width:158px;
margin:0px 10px 10px 0px;
float:left;
text-align:center;
}
.backnb03 {
width:158px;
margin:0px 10px 0px 0px;
float:left;
text-align:center;
}
.backnb04 {
width:158px;
margin:0px 10px 0px 0px;
float:left;
text-align:center;
}
.backnb05 {
width:158px;
margin:0px 10px 0px 0px;
float:left;
text-align:center;
}
.backnb06 {
width:158px;
margin:0px;
float:left;
text-align:center;
}
}