@charset "utf-8";
#Na_jpw sup {
font-size:12px;
color:#e9537d;
vertical-align:text-top;
}
#Na_jpw sup.black{
font-size:12px;
color:#000;
vertical-align:text-top;
}
#Na_jpw .color-Brown {
color:#4b3419;
}
/*===============================================
●SP 画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
#Na_jpw{
width:100%;
margin:0 auto;
}
#Na_jpw .Na_fv {
margin: 0px 0px 20px;
}
#Na_jpw .photo01 {
}
#Na_jpw .img {
width:100%;
text-align:center;
}
#Na_jpw .img50 {
width:50%;
}
#Na_jpw .contentsbox-a {
background:url(/excludes/nachulife/archives/jpw/img/220728/sp_index_01.png) no-repeat;
background-size: cover;
overflow:hidden;
padding: 20px;
}
#Na_jpw .contentsbox-b { background: #fcffd5 repeat-y; padding: 20px 20px 0px; margin-bottom: 20px; }
#Na_jpw .leftbox-s {
width:50%;
margin:auto;
}
#Na_jpw .contentsbox-c { background: #B4D78D repeat-y; padding: 20px 20px 0px; margin-bottom: 20px; }
#Na_jpw .leftbox-s {
width:50%;
margin:auto;
}
#Na_jpw .rightbox {
text-align: center;
padding: 20px 0px 0px;
}
#Na_jpw .rightbox-s {
overflow:hidden;
}
#Na_jpw .flower {
overflow:hidden;
margin-bottom:20px;
}
#Na_jpw .tree {
overflow:hidden;
}
#Na_jpw .box_a {
width:50px;
float:left;
margin-right:5px;
}
#Na_jpw .photoright {
margin:10px;
}
#Na_jpw .photoright-a {
width:75%;
margin:auto;
}
#Na_jpw .photoleft {
margin:10px;
}
#Na_jpw .photoleft-a {
width:75%;
margin:auto;
}
#Na_jpw .photoright-b {
width:75%;
margin:0 auto 20px;
}
#Na_jpw .photoleft-b {
width:75%;
margin:0 auto 20px;
}
#Na_jpw .textright{
margin-bottom: 20px;
}
#Na_jpw .textleft {
margin-bottom: 20px;
}
#Na_jpw .overf {
margin-bottom: 30px;
}
/* テキスト */
#Na_jpw .h2title {
font-size:20px;
line-height:1.5;
color:#4c3419;
margin: 20px 0 10px;
}
#Na_jpw .h2title.ba {
background: #fff462;
padding: 5px 10px;
text-align: center;
}
#Na_jpw .ba {
background: #fff462;
padding: 5px 10px;
text-align: center;
}
#Na_jpw .h2title.ba2 {
background: #ffffff;
padding: 5px 10px;
border-top: solid 1px;
border-bottom: solid 1px;
margin-bottom: 10px;
text-align: center;
}
#Na_jpw .text16 {
font-size:16px;
line-height:1.5;
text-align: justify;
}
#Na_jpw .text14 {
font-size:14px;
line-height:1.2;
}
#Na_jpw .kome {
font-size:14px;
line-height:1.2;
text-align:right;
}
#Na_jpw .kome_l {
font-size:14px;
line-height:1.2;
text-align:left;
}
/* 一覧 */
.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_jpw{
width:1024px;
margin:0 auto;
}
#Na_jpw .Na_fv {
padding: 40px 0px 0px;
}
#Na_jpw .photo01 {
padding: 20px 0px 0px;
text-align: center;
}
#Na_jpw .img {
margin:auto;
}
#Na_jpw .contentsbox-a {
background:url(/excludes/nachulife/archives/jpw/img/230126/index_01.png) no-repeat;
background-size: cover;
overflow:hidden;
padding:0px 0px 0px 20px;
}
#Na_jpw .contentsbox-b { background: #fcffd5 repeat-y; padding: 30px 20px 30px; }
#Na_jpw .contentsbox-c { background: #B4D78D repeat-y; padding: 30px 20px 30px; }
#Na_jpw .leftbox {
width:645px;
float:left;
margin-right: 18px;
padding-bottom: 40px
}
#Na_jpw .rightbox {
width:337px;
float:left;
padding: 20px 0 0;
}
#Na_jpw .flower {
overflow:hidden;
margin-bottom:20px;
}
#Na_jpw .tree {
overflow:hidden;
}
#Na_jpw .box_a {
width:100px;
float:left;
margin-right:5px;
}
#Na_jpw .photoright {
width:337px;
float:right;
margin-left:20px;
}
#Na_jpw .photoright-a {
width:452px;
float:right;
margin-right: 20px;
}
#Na_jpw .photoleft {
width:337px;
float:left;
margin-right:20px;
}
#Na_jpw .photoleft-a {
width:452px;
float:left;
margin-left:20px;
}
#Na_jpw .textleft {
width: 512px;
float: left;
}
#Na_jpw .photoright-b {
width:452px;
float:left;
margin-right: 20px;
}
#Na_jpw .photoleft-b {
width:512px;
float:left;
text-align: center;
}
#Na_jpw .textright {
width: 512px;
float: right;
}
#Na_jpw .overf {
margin-bottom: 30px;
}
/* テキスト */
#Na_jpw .h2title {
font-size:20px;
line-height:1.5;
color:#4c3419;
margin: 20px 0 5px;
}
#Na_jpw .h2title.ba {
background: #fff462;
padding: 5px 10px;
}
#Na_jpw .ba {
background: #fff462;
padding: 5px 10px;
}
#Na_jpw .h2title.ba2 {
background: #ffffff;
padding: 5px 10px;
border-top: solid 1px;
border-bottom: solid 1px;
margin-bottom: 20px;
}
#Na_jpw .text16 {
font-size:16px;
line-height:1.5;
text-align: justify;
}
#Na_jpw .text14 {
font-size:14px;
line-height:1.2;
float: left;
width: 122px;
}
#Na_jpw .kome {
font-size:14px;
line-height:1.2;
text-align:right;
}
#Na_jpw .kome_l {
font-size:14px;
line-height:1.2;
text-align:left;
}
/* 一覧 */
.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;
}
}