@charset "utf-8";

@import '/ginza-square/common/css/all.css';
@import '/ginza-square/common/css/styles.css';


/* ブラウンライスミール --------------------------------------------------------------*/
.brm .concept h2,
.brm  h2,
.brm  h3,
.brm  h4,
.brm  h5{
	font-family:  "游明朝", "YuMincho","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 3.8rem;
	font-weight: 500;
	color: #370008;
}

/*ランチ価格*/
.brm  h6{
    font-family:  "游明朝", "YuMincho","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 1.1em;
	font-weight: 500;
	color: #370008;
    text-align: center;
    margin-bottom: 10px;
}

.brm .plate .details dd,
.brm .plate ul,
.brm p,
.brm #main-cp p{
	font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 1.8rem;
	font-weight: 500;
	color: #370008;
	line-height: 2.0em;
}

.brm .plate .details dd,
.brm .plate .details ul li{
    font-size: 1.4rem;
}

.brm #main-cp p{
	text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff,0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;
}

.brm h3{
	font-size: 2.4em;
}

.brm .plate h4{
	font-size: 2.4em;
    margin-top: 30px;
    text-align: center;
}

.brm h5{
	font-size: 2.2rem;
    text-align: center;
}

.brm #main-cp{
    background-image: url("../img/bg_03.jpg");
	background-repeat: no-repeat;
    background-position: center;
	height: 600px;
	width: 100%;
}

.brm #main-cp .concept{
	text-align: center;
	margin-top: 60px;
}

.brm .concept-03,
.brm .concept-02{
	margin-top: 60px;
    text-align: center;
}

.brm .concept-03 .discr{
    display: inline-block;
    width: 540px;
    text-align: left;
}

.brm .concept-03 .pic{
    display: inline-block;
    width: 320px;
}

.brm .consept-pic{
    width: 100%;
    max-width: 100%;
    background-size:cover;
	text-align: center;
	background-repeat: no-repeat;
    background-position: center;
    background-image: url("/ginza-square/brm/img/concept-04_img01.jpg");
}

.brm .consept-pic h3{
    padding:120px 0; 
    text-shadow: 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff,0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff;
    font-size: 3.8rem;
}

.brm .concept-04{
    width: 1140px;
    margin: 0 auto;
}

.brm .concept-04 .block{
    margin: 60px auto;
    display: block;
}

.brm .concept-04 .genmai{
    display: block;
    height: 380px;
    background-image: url("/ginza-square/brm/img/concept-04_img02.jpg");
    background-position: right;
    background-repeat: no-repeat;
    position: relative;
}

.brm .concept-04 .genmai .cp{
    position: absolute;
    top:240px;
    left:300px;
}
.brm .concept-04 .genmai .cp_en{
    position: absolute;
    top:180px;
    left:290px;
}
.brm .concept-04 .genmai .cp_cn{
    position: absolute;
    top:260px;
    left:290px;
}

.brm .concept-04 .aojiru{
    display: block;
    height: 380px;
    background-image: url("/ginza-square/brm/img/concept-04_img03.jpg");
    background-position: left;
    background-repeat: no-repeat;
    position: relative;
}

.brm .concept-04 .aojiru .cp{
    position: absolute;
    top:180px;
    left:490px;
}


/*メニュー2021*/
.brm .plate,
.brm #brm-Menu .plate{
    width: 550px;
    display: block;
    vertical-align: top;
}

.brm .plate:nth-child(odd) {
	margin-right: 0px;
}

.brm .plate-2 .discr,
.brm .plate .discr{
    margin-top: 20px;
     text-align: left;
}

.brm .plate .details{
    background-color: antiquewhite;
    padding: 20px 20px 30px;
   margin-top: 20px;
}

.brm .plate .details dd{
    text-align: center;
}

.brm .takeout .plate-2 p,
.brm .plate ul li,
.brm .plate p{
    font-size: 1.8rem;
   line-height: 1.6em;
}

.brm .plate ul{
    margin-top: 10px;
}

.brm .plate .details.mt-dinner{
    margin-top: 70px;
}

.takeout{
    background-color: antiquewhite;
    padding: 30px 0 60px;
    width: 100%;
}
.takeout h3{
    text-align: center;
    font-size: 2.6em;
}


/*メニュー2023*/
.brm .takeout .plate-2{
    margin: 0px auto;
    width: 550px;
    display:block;
    vertical-align: top;
}

.comment {
	margin: 30px;
}
.comment p{
    margin: 0;
	text-align: left;
	padding-left:1em;
	text-indent:-1em;
}

.shopinfo {
	display: block;
	width: 1140px;
	margin: 30px auto;
}

.shopinfo dl{
	font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 1.2em;
	font-weight: 500;
	line-height: 2.2em;
	color: #370008;
}

.shopinfo dt{
	width: 160px;
	float: left;
	text-align: right;
}

.shopinfo dd{
	width: 540px;
	text-align: left;
	float: right;
}

.shopinfo .discri{
    display: inline-block;
    width: 740px;
}
.shopinfo .pic{
    width: 360px;
    display: inline-block;
    vertical-align: top;
}

.shopinfo dd.time-change{
	line-height:1.5em;
	margin-top: 15px;
	color: red;
}

.food-pic {
	width:360px;
	height:360px;
	overflow:hidden;
	margin:10px 10px 10px 5px;
	position:relative;	/* 相対位置指定 */
	display: inline-block;
}

.food-pic .caption {
	font-size:1.8rem;
	text-align:center;
	padding-top:130px;
	color:#fff;
    font-family:"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}

.food-pic .mask {
	width:			100%;
	height:			100%;
	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(30,13,2,0.80);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
}
.food-pic:hover .mask {
	opacity:		1;	/* マスクを表示する */
}

.add {
    width: 60%;
    text-align: left;
    margin: 20px auto;
}

.map{
	margin: 60px;
}

.resvation {
    display: inline-block;
    border: solid 1px #473A3A;
}

.resvation .discri{
    display: inline-block;
    width: 550px;
}

.resvation .discri h2{
    margin-top: 40px;
}

.resvation .discri ul{
    text-align: left;
    margin-left: 60px;
    line-height: 2.0em;
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    font-size: 1.0em;
	font-weight: 500;
	color: #370008;
}

.brm .resvation .discri h3{
    font-size: 150%;
}

.resvation .pic{
   float: right;
    width: 570px;
}

.attention{
	color: red;
	margin-bottom: 30px;
	font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-weight: 500;
}

.brm .net-re h4{
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 32px;
    font-weight: 500;
    font-feature-settings: "palt" 1;
    display: block;
    margin-bottom: 40px;
    color: #370008;
}

.brm .net-re{
    display: block;
    margin: 60px 0;
    text-align: center;
}

.brm .net-re .reserv-box{
    display: inline-block;
    width: 236px;
    margin: 0 20px;
    border: solid 1px #370008;
    padding: 0px 0;
    /*background-color: #FFDDDE;*/
    background-color: #FFFFFF;
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    font-size: 140%;
    box-sizing: border-box;
}

.brm .net-re img{
    height: 40px;
}

.brm .net-re .reserv-box .reserv-box-btm{
    border-bottom: solid 6px #ec6941;
    padding: 50px 0px;
}
.brm .details .mt45{margin-top:45px !important;}

.brm .plate p.mt50{
    margin-top: 50px;
}
.brm .plate p{
    margin-top: 10px;
}

#SNS h2{
    font-size: 2.8rem;
}

#SNS h5{
    font-size: 1.8rem;
    margin-bottom: 30px;
}

#brm-Menu {
    text-align: center;
}

.brm_memu_container {
    width: 1170px;
    text-align: center;
    margin:  60px auto;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.brm .imagebox{
    padding-top: 20px;
}


@media (max-width: 580px) {
#top{
    margin-left: 1rem;
}    
.brm .concept h2,
.brm  h2,
.brm  h3,
.brm  h4,
.brm  h5{
    font-size: 2.2rem;
}
.brm .plate .details dd,
.brm .plate ul,
.brm p,
.brm #main-cp p{
  font-size: 1.4rem;  
}
.brm #main-cp{
    background-image: url("../img/bg_03_smp.jpg");
    background-position: right bottom;
    background-repeat: no-repeat;
    height: auto;
    width: 100%;
    margin:0  0px;
} 
.brm #main-cp h1{
    font-size: 2.0rem;
    margin-bottom: 20px;
}
.brm #main-cp h2{
    margin-top: -20px;
}
.brm #main-cp .concept{
	text-align: center;
    padding: 0 20px;
    margin-top: 20px;
}
.brm .concept-03 p,
.brm .concept-02 p,   
.brm #main-cp .concept p{
        text-align: left;
        margin-top: 20px;
}
.brm .concept-03,
.brm .concept-02{
	text-align: center;
	padding: 0 0px;
    width: 90%;
    margin: 20px auto;
}
.brm .concept-03{
    background-image: url("../img/bg_04_smp.jpg");
    background-position: right bottom;
    background-repeat: no-repeat;
    height: 100%;
    padding-bottom: 50px;
}
.brm .concept-03 h2{
    text-align: left;
}
.brm .concept-03 .discr{
    display: block;
    width: 80%;
    text-align: left;
} 
.brm .consept-pic {
        width: 100%;
        max-width: 100%;
        background-size: cover;
        text-align: center;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("../img/concept-04_img01.jpg");
    display: block;
    height: 162px;
    object-fit: cover;
    }  
.brm .consept-pic h3 {
        padding: 30px 10px;
        text-shadow: 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff;
        font-size: 2.2rem;
    } 
    

.brm .concept-04{
    width: 100%;
    margin: 0 auto;
}

.brm .concept-04 .block{
    margin: 30px auto;
    display: block;
}

.brm .concept-04 .genmai{
    display: block;
    width: 90%;
   height: 200px;
    overflow: hidden;
    background-image: url("/ginza-square/brm/img/concept-04_img02.jpg");
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    margin: 0 auto;
    position: relative;
}

.brm .concept-04 .genmai .cp{
    position: absolute;
        top: 140px;
        left: 0;
        width: 60%;
}
/*
.brm .concept-04 .genmai .cp_en{
    position: absolute;
    top:90px;
    right:0px;
    width: 70%;
}*/
.brm .concept-04 .genmai .cp_en{
    top:90px;
    left:36%;
    width: 66%;
    box-sizing: border-box;
} 
   
.brm .concept-04 .genmai .cp_cn{
    position: absolute;
   top: 90px;
    left: 0px;
    width: 76%;
}

.brm .concept-04 .aojiru{
    display: block;
    width: 90%;
    height: 200px;
    background-image: url("/ginza-square/brm/img/concept-04_img03.jpg");
   background-position: left;
    background-repeat: no-repeat;
    text-align: center;
    margin: 30px auto;
    position: relative;
}

.brm .concept-04 .aojiru .cp{
    position: absolute;
    top:100px;
    left:0px;
    width: 70%;
}
    
.brm_memu_container {
    width: 90%;
    text-align: center;
    margin:  0px 20px;;
    display: flex;
    flex-flow:column;
}    
    
    #brm-Menu .inner{
        width: 90%;
        text-align: center;
        margin: 0 auto;
        text-align: left;
    } 
    

.brm .plate p.mt50,
#brm-Menu.brm .plate p.mt50{
    margin-top: 20px;
}    
    
    
.brm .plate,
.brm #brm-Menu .plate{
    width: 100%;
    display: block;
    vertical-align: top;
    text-align: center;
    margin-top: 30px;
}

.brm .plate-2 .discr,
.brm .plate .discr{
    margin-top: 20px;
     text-align: left;
}

.brm .plate .details{
    background-color: antiquewhite;
    padding: 20px 20px 30px;
   margin-top: 20px;
}

.brm .plate .details dd{
    text-align: center;
}

.brm .takeout .plate-2 p,
.brm .plate ul li,
.brm .plate p{
    font-size: 1.4rem;
   line-height: 1.4em;
}

.brm .plate ul{
    margin-top: 10px;
}

.brm .plate .details.mt-dinner{
        margin-top: 20px;
}

.takeout{
    background-color: antiquewhite;
    padding: 30px 0 60px;
    width: 100%;
    margin-top: 40px;
}
.takeout h3{
    text-align: center;
    font-size: 2.6em;
}

/*メニュー2023*/
.brm .takeout .plate-2{
    margin: 0px auto;
    width: 90%;
    display:block;
    vertical-align: top;
}

#foodimg{
    margin: 0 0 0 5px;
}

.food-pic {
	width:48%;
	height:48%;
	overflow:hidden;
	margin:3px;
	position:relative;	/* 相対位置指定 */
	display: inline-block;
    float: left;
}

.food-pic .caption {
	font-size:110%;
	text-align: center;
	padding-top:38%;
	color:#fff;
}
.food-pic .mask {
	width:100%;
	height:	100%;
	position:absolute;	/* 絶対位置指定 */
	top:0;
	left:0;
	opacity:0;	/* マスクを表示しない */
	background-color:	rgba(30,13,2,0.80);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
}

.food-pic:hover .mask {
	opacity:1;	/* マスクを表示する */
}

.add {
    text-align: left;
    margin: 20px auto;
    width: 90%;
}

.add p{
    font-size:1.4rem;
    font-weight: 500;
}

.access h5{
	font-family:  "游明朝", "YuMincho","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	 font-size:1.4rem;
	font-weight: 500;
	color: #370008;
	line-height: 2em;
	font-feature-settings: "palt";
}
    .map {
    margin: 20px;
}

.resvation {
    display: block;
    width: 100%;
    border: none;
}

.resvation .discri{
    display: block;
    width: 90%;
    margin: 0 auto;
}

.resvation .discri h2{
    margin-top: 0px;
}

.resvation .discri ul{
    text-align: left;
    line-height: 2.0em;
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-weight: 500;
	color: #370008;
    margin-left: 0px;
}
    .resvation .discri li{
        font-size: 1.4rem;
}
    .resvation .discri li{
        margin: 2px 0;
    }
.resvation .discri h3{
    font-size: 1.4rem;
    margin-top: 15px;
}
.resvation .pic{
    height: 150px;
    overflow: hidden;
    text-align: center;
    margin: 20px auto;
}

.comment {
margin-top: 20px;
}

.comment p{
	text-align: left;
	padding-left:1em;
	text-indent:-1em;
}

 #SNS {
   padding-bottom: 30px;
}

#SNS h2{
    line-height: 1.2em;
    font-size: 2.2rem;
    margin-top: 0px;
}

#SNS,
.shopinfo {
	display: block;
    width: 90%;
    margin: 0 auto;
}

    .shopinfo .discri{
        width: 100%;
    }    
    
.shopinfo dl{
	font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-weight: 500;
	line-height: 2em;
	color: #370008;
}
.shopinfo dt{
	text-align: left;
    display: block;
    width: 100%;
    margin-bottom: 5px;
    font-size: 1.6rem;
}

.shopinfo dd{
	text-align: left;
    display: block;
    margin-left: 10px;
    font-size: 1.4rem;
    width: 100%;
    margin-bottom: 5px;
}

.shopinfo .pic{
    margin-top: 20px;
}

.shopinfo .time-change{
	color: red;
}

#web-resvatin{
    text-align: center;
    margin: 0 auto;
    }    
.brm .net-re h4{
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 2.2rem;
    font-weight: 500;
    font-feature-settings: "palt" 1;
    display: block;
    margin-bottom: 20px;
    color: #370008;
}

.brm .net-re{
    display: block;
    margin: -30px 0 30px;
    }
    
.brm .net-re .reserv-box{
    display: inline-block;
    width: 80%;
    margin-bottom: 30px;
    border: solid 1px #370008;
        /*background-color: #FFDDDE;*/
    background-color: #FFFFFF;
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    font-size: 1.0rem;
}

.brm .net-re .reserv-box .reserv-box-btm{
    border-bottom: solid 6px #ec6941;
    padding: 30px 40px;
}

/* ボタン*/
.resvation .discri .btn a{
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	width: 80%;
	height: 30px;
	margin: 30px 0;
	color: #FFF;
	padding-top: 8px;
	text-decoration: none;
	display: inline-block;
	box-sizing: content-box;
    background-color: #370008;
    font-size: 1.4rem;
}
.attention{
	color: red;
	margin-bottom: 30px;
	font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-weight: 500;
}
}