/* 親要素の最後に「目に見えない空のブロック」を作って float を解除する */
.contents_bx::after,
.func_box::after {
    content: "";
    display: block;
    clear: both;
}



.kiwi-maru-regular {
  font-family: "Kiwi Maru", serif;
  font-weight: 400;
  font-style: normal;
}


.hina-mincho-regular {
  font-family: "Hina Mincho", serif;
  font-weight: 400;
  font-style: normal;
}



.nbs-xr .pad-top-m{
padding-top:100px!important;
}



.nbs-xr .pad-bot-m{
padding-bottom:100px!important;
}



.nbs-xr p{
font-size:1.15em;
liine-height:1.2em;
}




@media print {

body {
-webkit-print-color-adjust: exact;
top:0 !IMPORTANT;
left:0 !IMPORTANT;
width:200mm !IMPORTANT;
height:290mm !IMPORTANT;
}

}






/*----------------------------------------smart----------------------------------------------------------------------------------------------------------*/


@media only screen and (min-width: 321px) and (max-width: 550px) {
	/* 550px以下に適用されるCSS（スマホ用） */




.nbs-xr.linkbtn_base {
        margin: 0px auto;
        margin-top: 30px;
        margin-bottom: 90px;
        height: 65px;
        width: 320px;
    }



.nbs-xr .linkbtn {
        border-radius: 5px;
        padding: 10px 0 0px 0;
        background: linear-gradient(0deg, rgba(0, 39, 82, 1), rgba(0, 156, 227, 1));
        height: 45px;
        width: 320px;
        font-size: 1.25em;
        text-align: center;
        color: #fff;
        font-weight: bold;
    }





.nbs-xr .topbx{
width:320px;
padding:350px 10px 0px 10px;
background:url(../product/nbsx/nbsxr-topimg_resp.webp);
background-repeat:no-repeat;
}

.nbs-xr .midbx{
width:320px;
padding:0px 10px 30px 10px;

}


.nbs-xr .contents_bx{
width:320px;
clear: both;
padding: 120px 10px 10px 10px;
margin-top: -120px;
}



.nbs-xr .main-logo{
width:300px;
padding:5px 10px 0 10px;

}



.nbs-xr h2.main-cat{
text-align:center;
font-size:1.25em;
color:#fc287d;
line-height:1.25em;
margin:10px 0;
  font-family: "Hina Mincho", serif;
  font-weight: 400;
  font-style: normal;

}


.nbs-xr .exbx-container{
width:320px;
height:440px;
padding:20px 0px 50px 0;
}


.nbs-xr .exbx-lr{
width:320px;
height:220px;
padding:0 0px 0 0;
}


.nbs-xr .exbx-base{
width:320px;
height:100px;
padding:10px 0 0 0px;
}


.nbs-xr .exbx{
width:320px;
height:95px;
box-shadow:0px 0px 10px #aaa;
border-radius:10px;
padding:5px 0px 0 0px
}





.nbs-xr .exbx_hd{
text-align:center;
font-weight:bold;
font-size:1.45em;
color:#5A000F;
}




.nbs-xr .exbx_mtx_resp{
text-align:center;
padding-top:5px;
font-size:1.15em;
color:#555;
line-height:1.25em;
font-weight:bold;
}


.nbs-xr .exbx_mtx{
display:none;
}


.nbs-xr .exbx_tx{
display:none;
}



.nbs-xr .clm_hd{
width:320px;
text-align:center;
font-weight:bold;
font-size:1.4em;
color:#777;
border-bottom:5px solid #ddd;
padding:50px 0 0px 0;
margin-bottom:50px;
}




.nbs-xr .func_box {
    width: 320px;
    padding: 50px 0px 0px 0px;
    clear: both;
	}





.nbs-xr .func_catch{
    font-weight: bold;
    color: #777;
    text-align: center;
    border-bottom: 4px double #ccc;
	padding-top:20px;
}

.nbs-xr .func_catch h3{
	font-size:1.25em;
	color: #555;
    font-weight: bold;
    line-height: 18px;
    margin: 0px 0  5px 0px;
    text-transform: uppercase;

}


.nbs-xr .func_sub_catch{
font-size:1.15em;
color:#ee6677;
font-weight:bold;
text-align:center;
padding:5px 0 30px 0;
}



/* 画像・テキスト通常 */

.nbs-xr .func_catch_bx{
width:320px;
padding:50px 0px 20px 0px;

}

.nbs-xr .func_pics{
width:320px;
padding:20px 0px 0px 0px;

}

.nbs-xr .func_tx{
width:320px;
padding:0px 0px 20px 0px;
clear:both;
}




/* 画像・テキスト左右分割 */


.nbs-xr .func_catch_bxr{
width:320px;
padding:20px 0px 20px 0px;
}

.nbs-xr .func_pics_l,
.nbs-xr .func_pics_r{
width:320px;
padding:0px 0px 0px 0px;
}


.nbs-xr .func_pics_l img,
.nbs-xr .func_pics_r img{
max-width:320px;

}



.nbs-xr .func_tx_l,
.nbs-xr .func_tx_r{
width:320px;
padding:0px 0px 0px 0px;
}


.nbs-xr .func_pics_l{

}

.nbs-xr .func_tx_r{
float:left;
padding:0 0 0 0px;
}

.nbs-xr .func_pics_r{
float:right;
padding:0 0 0 0px;
}

.nbs-xr .func_tx_l{
}




}





/*----------------------------------------smart S----------------------------------------------------------------------------------------------------------*/


@media only screen and (max-width: 320px) {
	/* 320px以下に適用されるCSS（スマホ用） */




}
     


/*----------------------------------------PC----------------------------------------------------------------------------------------------------------*/




@media only screen and (min-width: 551px) {
	/* 550px以上に適用されるCSS（PC用） */


/* 製品リンクのボタン */

.nbs-xr .linkbtn_base {
        height: 65px;
        width: 400px;
        margin: 40px auto 0px;
        }


.nbs-xr .linkbtn{
        height: 45px;
        width: 400px;
        font-size: 1.25em;
        text-align: center;
        color: rgb(255, 255, 255);
        font-weight: bold;
        border-radius: 5px;
        padding: 10px 0px 0px;
        background: linear-gradient(0deg, rgb(0, 39, 82), rgb(0, 156, 227));
    }








.nbs-xr .topbx{
width:1080px;
padding:360px 50px 0px 50px;
background:url(../product/nbsx/nbsxr-topimg.webp);
background-repeat:no-repeat;
}

.nbs-xr .midbx{
width:1080px;
padding:0px 50px 75px 50px;

}


.nbs-xr .contents_bx{
width:1080px;
clear: both;
padding: 120px 50px 40px 50px;
margin-top: -120px;
}


/* 親要素の最後に「目に見えない空のブロック」を作って float を解除する */
.contents_bx::after,
.func_box::after {
    content: "";
    display: block;
    clear: both;
}


.nbs-xr .main-logo{
width:470px;
height:160px;
padding:0 305px;
}


.nbs-xr h2.main-cat{
text-align:center;
font-size:2.5em;
color:#fc287d;
line-height:1.25em;
margin:10px 0;
  font-family: "Hina Mincho", serif;
  font-weight: 400;
  font-style: normal;

}



.nbs-xr .exbx-container{
width:1040px;
height:220px;
padding:40px 40px 50px 0;
}


.nbs-xr .exbx-lr{
width:520px;
float:left;

}


.nbs-xr .exbx-base{
width:220px;
padding:0 0 0 40px;
float:left;
}


.nbs-xr .exbx{
width:200px;
height:190px;
box-shadow:0px 0px 10px #aaa;
border-radius:40px;
float:left;
padding:30px 10px 0 10px
}





.nbs-xr .exbx_hd{
text-align:center;
font-weight:bold;
font-size:1.55em;
color:#5A000F;
}


.nbs-xr .exbx_mtx{
text-align:center;
padding-top:20px;
font-size:1.25em;
color:#555;
line-height:1.45em;
font-weight:bold;
}

.nbs-xr .exbx_mtx_resp{
display:none;
}



.nbs-xr .exbx_tx{
padding-top:15px;
font-size:1em;
line-height:1.2em;
display:none;
}

















.nbs-xr .clm_hd{
width:1080px;
text-align:center;
font-weight:bold;
font-size:2em;
color:#777;
border-bottom:5px solid #ddd;
padding:50px 0 0px 0;
margin-bottom:50px;
}




.nbs-xr .func_box {
    width: 980px;
    padding: 50px 50px 50px 50px;
    clear: both;
	}





.nbs-xr .func_catch{
    font-weight: bold;
    color: #777;
    text-align: center;
    border-bottom: 4px double #ccc;
	padding-top:20px;
}

.nbs-xr .func_catch h3{
	font-size:1.65em;
	color: #555;
    font-weight: bold;
    line-height: 18px;
    margin: 0px 0  5px 0px;
    text-transform: uppercase;

}


.nbs-xr .func_sub_catch{
font-size:1.35em;
color:#ee6677;
font-weight:bold;
text-align:center;
padding:5px 0 30px 0;
}




/* 画像・テキスト通常 */

.nbs-xr .func_catch_bx{
width:980px;
padding:50px 0px 20px 0px;
clear:both;
}

.nbs-xr .func_pics{
width:850px;
padding:20px 65px 0px 65px;
clear:both;
}

.nbs-xr .func_tx{
width:850px;
padding:0px 65px 20px 65px;
clear:both;
}




/* 画像・テキスト左右分割 */


.nbs-xr .func_catch_bxr{
width:450px;
padding:20px 0px 20px 0px;
float:right;
}

.nbs-xr .func_pics_l,
.nbs-xr .func_pics_r{
width:500px;
padding:0px 0px 0px 0px;
}


.nbs-xr .func_pics_l img,
.nbs-xr .func_pics_r img{
max-width:500px;

}



.nbs-xr .func_tx_l,
.nbs-xr .func_tx_r{
width:450px;
padding:0px 0px 0px 0px;
}


.nbs-xr .func_pics_l{
float:left;
}

.nbs-xr .func_tx_r{
float:left;
padding:0 0 0 30px;
}

.nbs-xr .func_pics_r{
float:right;
padding:0 0 0 30px;
}

.nbs-xr .func_tx_l{
float:right;
}












}