@charset "UTF-8";
/* CSS Document */

.pc{display: block;}
.sp{display: none;}
@media screen and (max-width:640px) {
.pc{display: none;}
.sp{display: block;}
}
p{margin: 0;padding: 0;}

.txt-center{
text-align: center;
}
.txt-pc-center{
text-align: center;
}
.txt-sp-center{
text-align: left;
}
.txt-left{
text-align: left;
}
.txt-pc-left{
text-align: left;
}
.txt-right{
text-align: right;
}
.txt-pc-right{
text-align: right;
}

@media screen and (max-width:640px) {
.txt-pc-center{
text-align: left;
}
.txt-sp-center{
text-align: center;
}
.txt-pc-right{
text-align: center;
}

}

.mt-1{margin-top:2.5rem;}
.mt-2{margin-top:5rem;}
.mt-3{margin-top:7.5rem;}
.mt-4{margin-top:10rem;}
.mt-5{margin-top:12.5rem;}

.mb-1{margin-bottom:2.5rem;}
.mb-2{margin-bottom:5rem;}
.mb-3{margin-bottom:7.5rem;}
.mb-4{margin-bottom:10rem;}
.mb-5{margin-bottom:12.5rem;}

.m-1{margin:2.5rem;}
.m-2{margin:5rem;}
.m-3{margin:7.5rem;}
.m-4{margin:10rem;}
.m-5{margin:12.5rem;}

.ml-0{margin-left:0;}
.mr-0{margin-right:0;}
.ml-10{margin-left:10%;}
.mr-10{margin-right:10%;}
.ml-10{margin-left:10%;}
.mr-10{margin-right:10%;}


.pt-1{padding-top: 2.5rem;}
.pt-2{padding-top: 5rem;}
.pt-3{padding-top: 7.5rem;}
.pt-4{padding-top: 10rem;}
.pt-5{padding-top: 12.5rem;}

.pb-1{padding-bottom: 2.5rem;}
.pb-2{padding-bottom: 5rem;}
.pb-3{padding-bottom: 7.5rem;}
.pb-4{padding-bottom: 10rem;}
.pb-5{padding-bottom: 12.5rem;}

.pl-10{padding-left:10% !important;}
.pr-10{padding-right:10% !important;}
.pl-0{padding-left:0 !important;}
.pr-0{padding-right:0 !important;}

.p-1{padding:2.5rem;}
.p-2{padding: 5rem;}
.p-3{padding: 7.5rem;}
.p-4{padding: 10rem;}
.p-5{padding: 12.5rem;}

.pl-md10{padding-left:10% !important;}
.pr-md10{padding-right:10% !important;}
@media screen and (max-width:640px) {
.pl-md10{padding-left:0 !important;}
.pr-md10{padding-right:0 !important;}
}
.nog_txt_sq{
border:1px solid #000;
padding: 0 0.4rem;
}

.nog_bg_baj{
background-color:#edeae1;
}

section{
width:100%;
max-width:1200px;
/*padding-bottom: 3rem;*/
margin:0 auto;
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

/*-- container --*/
.nog_container1{
background-color:#edeae1;
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.nog_container2{
background-color:#ffffff;
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
}


.nog_container3{
width:80%;
margin: 0 auto 4rem auto;
background-color:#edeae1;
clear:both;
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

@media screen and (max-width:640px) {
.nog_container1{
width:96%;
padding:0 2% 3rem;
margin: 0 auto 0 auto;
background-color:#edeae1;
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.nog_container2{
width:96%;
margin: 0 auto 3em auto;
background-color:#ffffff;
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.nog_container3{
width:96%;
margin: 0 auto 3em auto;
background-color:#ffffff;
clear:both;
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
}

.d-flex{
display:flex;
}

.clearfix::after {
content: "";
display: block;
clear: both;
}

hr.nog_hr{
height: 1px;
color:#373737;
width:100%;
margin:2em 0;

}
#contents{
padding:0;
}

img{
width:100%;
}

.nog_capr{
font-size:1.2rem;
text-align: right;
padding: 0.2rem 0;
}
.nog_capl{
font-size:1.2rem;
text-align: left;
padding: 0.2rem 0;
}
.nog_capc{
font-size:1.6rem;
text-align: center;
padding: 0.2rem 0;
}

#title .nog_head_title_mess{
clear: both;
display: block;
width:80%;
max-width:240px;
margin:2em auto;
}
#title .nog_head_title{
clear:both;
display: block;
width:90%;
max-width:470px;
margin:4em auto;
}



.nog_column1{
background-color:#ffffff;
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
/*padding:1rem;*/
}
.nog_column2{
background-color:#edeae1;
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
}


.nog_top{
width:100%;
max-width:1000px;
margin:auto;
padding-bottom: 5rem;
}

.nog_nav{
display: flex;
padding-top:40px;
}

.nog_nav::after{
content: "";
display: block;
clear: both;
}

.nog_nav a{
display: flex;
width: 22%;
margin:1.5%;
text-align: center;
font-size:1.4rem;
border-bottom: 1px solid #8f8c63;
text-decoration: none;
color:#8f8c63;
align-items: center;
justify-content: center;
line-height: 1.6rem;
height:5rem;
}

.nog_nav a.current{
background-color: #8f8c63;
color:#FFFFFF;
}

a.nog_pro_btn1{
background-color: #8f8c63;
color:#FFFFFF;
}

a.nog_pro_btn2{
background-color: #6e6965;
color:#FFFFFF;
}

.nog_pro_btn1 .ar_r,
.nog_pro_btn2 .ar_r{
margin-left: 2em;
}

.nog_pro_btn1 .ar_r::after,
.nog_pro_btn2 .ar_r::after{
content:url("/content/dam/31sumai/finecourt/special/nishiogikubo/img/nog_arrow_r.png");
margin-left: 0.8em;
}

.nog_lead{
font-size: 2.4rem;
line-height: 5rem;
letter-spacing: 0.2rem;
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.nog_lead1{
font-size:2.4rem;
line-height: 5rem;
letter-spacing: 0.2rem;
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
margin-bottom:3rem;
}
.nog_lead2{
font-size:1.6rem;
line-height: 4rem;
letter-spacing: 0.2rem;
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
margin-bottom:3rem;
}

@media screen and (max-width:640px) {
.nog_lead{
font-size: 1.8rem;
line-height: 4rem;
letter-spacing: 0;
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.nog_lead1{
font-size:1.8rem;
line-height: 4rem;
letter-spacing: 0;
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
margin-bottom:3rem;
}

.nog_lead2{
font-size:1.6rem;
line-height: 3.2rem;
letter-spacing: 0;
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
margin-bottom:3rem;
}
}


.nog_midline{
  display: flex;
  margin:0 0;
  align-items: center;
}
.nog_midline::before{
  content: "";
  display: inline-block;
  width: 60px;
  height: 1px;
  background-color: black;
  margin-right: 10px;
 }

.nog_inner{
width:80%;
margin: 0 auto 3em auto;
clear:both;
}

.nog_inner2{
width:80%;
max-width: 1000px;
margin: 0 auto 3em auto;
clear:both;
}

.nog_col7l{
display: inline-block;
width:60%;
float: left;
margin:3% 0;
}
.nog_col7r{
display: inline-block;
width:60%;
float: right;
margin:3% 0;
}
.nog_col6{
display: block;
width:50%;
float: left;
}
.nog_col5r{
display: inline-block;
width:40%;
float: right;
margin:3% 0;
}
.nog_col5l{
display: inline-block;
width:40%;
float: left;
margin:3% 0;
}

.nog_col_3-2{
width: calc( 91% / 3);
display:block;
float: left;
}

.nog_col_3-2:nth-child(3n-2){
padding: 0 3% 0 0;
}
.nog_col_3-2:nth-child(3n-1){
padding:0 1.5% 0 1.5%;
}
.nog_col_3-2:nth-child(3n){
padding:0 0 0 3%;
}
.nog_rcol h3{
width:90%;
border-bottom: 1px solid #373737;
padding: 1rem 0 1.6rem 10%;
font-size:2.2rem;
}

.nog_rcol_copy{
width: 90%;
padding: 3rem 0 8rem 10%;
margin: 0;
line-height: 4rem;
}


.nog_lcol h3{
width:90%;
border-bottom: 1px solid #373737;
padding: 1rem 10% 1.6rem 0;
font-size:2.2rem;
}

.nog_lcol_copy{
width: 90%;
padding: 3rem 10% 8rem 0;
margin: 0;
line-height: 4rem;
}

@media screen and (max-width:640px) {
.nog_top{
padding-bottom: 0;
}

.nog_inner{
width:94%;
max-width:640px;
margin:auto;
}
.nog_inner2{
width:94%;
max-width: 640px;
margin: auto;
clear:both;
}

.nog_col7l,.nog_col7r{
width:100%;
float: none;
margin:3% 0;
}
.nog_col6{
display: inline-block;
width:100%;
float: none;
margin:3% 0;
}
.nog_col5l,.nog_col5r{
width:100%;
float: none;
margin:3% 0;
}

.nog_rcol h3{
width:100%;
margin:0;
border-bottom: 1px solid #373737;
padding: 0.5rem 0 1.6rem 0;
font-size:1.8rem;
}

.nog_rcol_copy{
width: 100%;
font-size:1.5rem;
padding: 2rem 0 4rem 0;
margin: 0;
line-height: 2.6rem;
}


.nog_lcol h3{
width:100%;
margin:0;
border-bottom: 1px solid #373737;
padding: 0.5rem 0 1.6rem 0;
font-size:2rem;
}

.nog_lcol_copy{
width: 100%;
font-size:1.5rem;
padding: 2rem 0 4rem 0;
margin:0;
line-height: 2.6rem;
}
}


.more_btn a{
display: flex;
width: 45%;
float: right;
text-align: center;
font-size: 1.4rem;
text-decoration: none;
color: #ffffff;
background-color: #8f8c63;
align-items: center;
justify-content: end;
line-height: 1.6rem;
height: 5rem;
padding-right: 8%;
}


.more_btn .ar_r::after,
.more_btn2 .ar_r::after{
content:url("/content/dam/31sumai/finecourt/special/nishiogikubo/img/nog_arrow_r.png");
margin-left: 0.8em;
}

.nog_center{
justify-content: center;
}


@media screen and (max-width:640px) {
.nog_col_3-2{
width: 96%;
margin: auto;
display:block;
}

.nog_col_3-2:nth-child(3n-2){
padding: 0 2% 3rem 2%;
}
.nog_col_3-2:nth-child(3n-1){
padding: 0 2% 3rem 2%;
}
.nog_col_3-2:nth-child(3n){
padding: 0 2% 3rem 2%;
}
}

.nog_img_box{
display: block;
float: left;
width: 48%;
margin-right: 4%;
}
.nog_img_box:last-child{
margin-right: 0;
}

.nog_note{
font-size:1.4rem;
width:100%;
margin-top:4em;
}
.nog_note1{
font-size:1.4rem;
margin:auto;
}
.nog_note2{
font-size:1.2rem;
margin:auto
}

@media screen and (max-width:640px) {
.nog_note{
font-size:1.2rem;
}
.nog_note1{
font-size:1.2rem;
}
.nog_note2{
font-size:1.1rem;
}
}

.bw-r{
background-color: #000000;
color:#FFFFFF;
padding:0 0.2em;
}

@media screen and (max-width:640px) {

.nog_nav{
display: block;
}
.nog_nav a{
display: flex;
width: 47%;
margin:1.5%;
text-align: center;
font-size:1.4rem;
border-bottom: 1px solid #8f8c63;
text-decoration: none;
color:#8f8c63;
align-items: center;
justify-content: center;
line-height: 1.6rem;
height:5rem;
float: left;
}

a.nog_pro_btn1{
background-color: #8f8c63;
color:#FFFFFF;
}

a.nog_pro_btn2{
background-color: #6e6965;
color:#FFFFFF;
}

.nog_midline{
display: block;
}
.nog_midline::before{
  content: "";
  display: none;
  width: 0;
  height: 0;
  background-color:none;
  margin-right: 0;
 }


.more_btn a{
display: flex;
width: 70%;
float: right;
text-align: center;
font-size: 1.4rem;
text-decoration: none;
color: #ffffff;
background-color: #8f8c63;
align-items: center;
justify-content: end;
line-height: 1.6rem;
height: 5rem;
padding-right: 8%;
}


.nog_img_box, .nog_img_box:last-child{
display: block;
float: none;
width:85%;
margin: 0 auto 2em auto;
}

.map_area{
width:100%;
max-width:640px;
}
.nog_note{
width:90%;
margin:4em auto;
}
}

/*======= access =======*/

.nog_acc_jr_lcol{
width:43%;
padding: 5% 2% 2% 5%;
float:left;
}
.nog_jr_lcol_copy{
font-size:1.4rem;
}
.nog_acc_jr_rcol{
width:43%;
padding: 5% 5% 2% 2%;
float:right;
}

.nog_jr_note{
clear: both;
text-align: right;
font-size: 1.2rem;
padding: 0 5% 2rem;
margin: 0;
}
@media screen and (max-width:640px) {

.nog_acc_jr_lcol{
width:90%;
padding: 5% 5% 5% 5%;
float: none;
}
.nog_jr_lcol_copy{
font-size:1.5rem;
}

.nog_acc_jr_rcol{
width:90%;
padding: 5% 5% 5% 5%;
float: none;
}
.nog_jr_note{
clear: both;
text-align: center;
font-size:1.2rem;
padding:0 auto 2rem;
margin:0;
}

}

/*------ location ------*/

.bgtxt-dailylife{
background-image: url("../img/nog_loc_dailylife_bgtxt.png");
background-position: right;
background-repeat: no-repeat;
background-size: 50%;
padding-top:10rem;
}

.bgimg-dailylife{
background-image: url("../img/nog_loc_dailylife_bgimg.png");
background-position: left;
background-repeat: no-repeat;
background-size: 50%;
padding-top:8rem;
}

.nog_col-7l{
width:60%;
float:left;
}

.nog_col-5r{
width:38%;
float:right;
padding-left:2%;
}

.nog_loc_h4{
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-size: 2rem;
color:#8f8c63;
margin-bottom: 1rem;
}

.nog_loc_bt{
border-top:4px solid #8f8c63; 
}
.nog_loc_copy{
font-size:1.6rem;
line-height: 2.6rem;
margin-bottom: 2rem;
}
.nog_loc_note1{
font-size:1.4rem;
margin-bottom: 2rem;
}
.nog_loc_note2{
font-size:1.2rem;
}

.bgtxt-gourmet_cafe{
background-image: url("../img/nog_loc_gourmet_bgtxt.png");
background-position: left top;
background-repeat: no-repeat;
background-size: 50%;
padding-top:16rem;
}
.loc_f_row{
clear: both;
margin-bottom:10rem;
}
.nog_loc_copyl{
width:28%;
margin-left:10%;
float: left;
}

.nog_loc_imgr{
width:60%;
float: right;
}

.nog_loc_copyr{
width:28%;
margin-right:10%;
float: right;
}

.nog_loc_imgl{
width:60%;
float: left;
}

.bgtxt-interior_antique{
background-image: url("../img/nog_loc_interior_bgtxt.png");
background-position: right top;
background-repeat: no-repeat;
background-size: 50%;
padding-top:12rem;
}


@media screen and (max-width:640px) {
.bgtxt-dailylife{
padding-top: 5rem; 
}

.nog_col-7l, .nog_col-5r{
width:100%;
float:none;
}

.bgtxt-gourmet_cafe{
padding-top:10rem;
}
.nog_loc_h4{
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-size: 1.8rem;
color:#8f8c63;
}

.nog_loc_copyl,
.nog_loc_copyr,
.nog_loc_imgl,
.nog_loc_imgr{
width:96%;
margin:0 2%;
float: none;
}

}

/*------- area ------*/

h3.nog_area_h3l{
font-size:4rem;
letter-spacing: 1.6rem;
color:#8f8c63;
padding: 0 0 2rem 10%;
}
h3.nog_area_h3r{
font-size:4rem;
letter-spacing: 2rem;
color:#8f8c63;
padding: 0 0 2rem 45%;
}

.nog_area_lcol1{
width:50%;
padding:2rem 0 2rem 10%;
float: left;
margin:0 5% 0 0;
border-top:solid 1px #8f8c63;
}
.nog_area_lcol2{
width:35%;
float:left;
}

.nog_area_rcol1{
width:35%;
float:right;
}
.nog_area_rcol2{
width:45%;
padding:2rem 10% 2rem 5%;
float: right;
margin:0 0 0 5%;
border-top:solid 1px #8f8c63;
}
.nog_area_rcol3{
width:60%;
float: right;
}

@media screen and (max-width:640px) {
h3.nog_area_h3l{
font-size:3rem;
padding: 3rem;
text-align: center;
}
h3.nog_area_h3r{
font-size:3rem;
padding: 3rem;
text-align: center;
}

.nog_area_lcol1{
width:96%;
padding:2rem 0 2rem 0;
float: none;
margin:0 auto;
border-top:solid 1px #8f8c63;
}
.nog_area_lcol2{
width:96%;
float:none;
margin: auto;
}

.nog_area_rcol1{
width:96%;
float:none;
margin: auto;
}
.nog_area_rcol2{
width:96%;
padding:2rem 0 2rem 0;
padding:0;
float: none;
margin:auto;
border-top:solid 1px #8f8c63;
}

.nog_area_rcol3{
width:96%;
float:none;
margin: auto;
}

}