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

.disp-pc-s {
	display:block;
	width: auto;
	float: left;
}

.disp-sp-s{
	display:none !important;
}

#event{
	background-color:#fff;
	    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

#title{
	margin-bottom:0;
	background-color:#f4f4f4;
}
#title .inner{
	padding:50px 0;
	text-align:center;
}
#title .inner2{
	padding:40px 0;
	text-align:center;
}
#title h1.ttl{
	margin-top:3.0rem;
	margin-bottom:1.0rem;
	color:#ba9848;
	font-size:3.5rem;
}

#title h1.ttl span{
	margin-top:1.0rem;
	color:#020a0c;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
#title p{
	padding:0;
	color:#020a0c;
}
#title p.date{
	margin-top:1.0rem;
	padding:0 2.5rem;
	background-color:#393b34;
	color:#fff;
	font-size:2.0rem;
	line-height:2.0;
	display:inline-block;
}
#title p.date-top{
	margin-top:1.0rem;
	padding:0 2.5rem;
	background-color:#d3c6a6;
	color:#000;
	font-size:2.0rem;
	line-height:2.0;
	display:inline-block;
}
#title p.date-top-s{
	margin-top:0.0rem;
	margin-bottom: 1.0rem;
	padding:1.2rem;
	background-color:#d3c6a6;
	color:#000;
	font-size:2.0rem;
	line-height:1.6;
	display:inline-block;
}
#title p.date-top-s span{
	font-size:1.5rem;
}
#title p.date-top-left{
	margin-top:1.0rem;
	padding:0 2.5rem;
	background-color:#d3c6a6;
	color:#000;
	font-size:2.0rem;
	line-height:2.0;
	display:inline-block;
	text-align: left;
}
#title p.date span{
	font-size:1.66667rem;
}

#title p.yokoku{
	margin-top:1.0rem;
	margin-bottom:1.0rem;
	padding:1rem 2.5rem;
	border: 0px #b49955 solid;
	color:#b49955;
	line-height:1.2;
	display:inline-block;
	font-size: 1.6rem;
}
#title p.yokoku a{
	margin-top:1.0rem;
	padding:1rem 2.5rem;
	border: 1px #b49955 solid;
	color:#b49955;
	line-height:1.2;
	display:inline-block;
}
#title p.yokoku2 a{
	font-weight: 300;
	font-size:1.8rem;
	margin-top:1.0rem;
	padding:1rem 2.5rem;
	color:#b49955;
	line-height:1.2;
	display:inline-block;
}
#title p.yokoku span{
	font-size:1.2rem;
	margin-top:1.0rem;
	color:#b49955;
}

#contents{
}
#contents .inner{
	color:#000;
}
#contents>.inner{
	padding:7.5rem 0 0;
}

.plan{
	margin-bottom: 3.333rem;
}
.plan .inner{
	max-width:1170px;
	margin:0 auto;
	border:3px solid #b4b4b6;
	box-sizing:border-box;
}
.plan h2{
	margin-top:4.58rem;
	margin-bottom:2.5rem;
	font-size:3.0rem;
	letter-spacing:0.1em;
	text-align:center;
}
.plan .row{
	width:auto;
	margin:3px;
	padding:0 4.58rem 4.58rem;
	border:1px solid #b4b4b6;
	box-sizing:border-box;
}
.plan .row:after{
	content:"";
	display:table;
	clear:both;
}
.plan .col{
	width:28.20268%;
	float:right;
}
.plan .col:last-child{
	/*width:68.83365%; 一時的にコメントアウト*/
	width:100%;
	float:left;
}
.plan table{
	width:100%;
}
.plan table .detail{
	width:100%;
}
.plan th,
.plan td{
	padding:0.4em 1.0em;
	font-size:1.166667rem;
	line-height:1.8;
	vertical-align:middle;
	border-bottom:1px solid #f0f0f0;
}
.plan tr:first-child th,
.plan tr:first-child td{
	padding-top:0;
}

/*20180713*/
.plan2{
	margin-bottom: 3.333rem;
}
.plan2 .inner{
	max-width:1150px;
	margin:0 auto;
	box-sizing:border-box;
}
.plan2 h2{
	margin-top:4.58rem;
	margin-bottom:2.5rem;
	font-size:3.0rem;
	letter-spacing:0.1em;
	text-align:center;
}
.plan2 .row{
	width:auto;
	margin:3px;
	padding:0 4.58rem 4.58rem;
	border:1px solid #b4b4b6;
	box-sizing:border-box;
}
.plan2 .row:after{
	content:"";
	display:table;
	clear:both;
}
.plan2 .col{
	width:28.20268%;
	float:right;
}
.plan2 .col:last-child{
	width:100%;
	float:left;
}
.plan2 table{
	width:100%;
	border:1px solid #f0f0f0;

}
.plan2 th{
background:#f3f3f3;
	padding:0.4em 1.0em;
	font-size:1.166667rem;
	line-height:1.8;
	vertical-align:middle;
	border-bottom:1px solid #ffffff;
	white-space: nowrap;
}
.plan2 td{
	padding:0.4em 1.0em;
	font-size:1.166667rem;
	line-height:1.8;
	vertical-align:middle;
	border-right:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
}
.plan2 tr:first-child th,
.plan2 tr:first-child td{
	padding-top:0;
}
/*20180713 end */


.artist{
	margin: 4.5rem 0;
}
.artist .inner{
	max-width:1170px;
	margin:0 auto;
	border:3px solid #b4b4b6;
	box-sizing:border-box;
	color: #494949;
}
.artist .row{
	width:auto;
	margin:3px;
	padding:4.58rem 4.58rem;
	border:1px solid #b4b4b6;
	box-sizing:border-box;
}
.artist .row:after{
	content:"";
	display:table;
	clear:both;
}
.artist .col{
	width:28.20268%;
	float:left;
}
.artist .col:last-child{
	width:68.83365%;
	float:right;
}
.artist h2{
	margin:1.5rem 0;
	font-size:1.66667rem;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.artist p{
	padding:0;
	font-size:1.166667rem;
}

.menu{
	background-color:#f4f4f4;
}

.menu.color{
	background-color:#ffffff;
	border: 1px solid #000;
}


.menu .inner{c
	background-image:url("../images/event/christmas/16.png");
	background-position:top left;
	background-repeat:no-repeat;
	background-size:30% auto;
	max-width:1170px;
/* 2018.06.14修正前
	padding:7.5rem 0;
*/
	padding:3rem 0;
}
.menu h2{
	margin:0 auto 2.5rem;
	padding:1.0em 0;
	color:#5c6143;
	text-align:center;
	font-size:1.83333rem;
	/*font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;*/
	letter-spacing:0.1em;
	border-top:2px solid #bcbdb8;
	border-bottom:2px solid #bcbdb8;
}

/*20180731*/
.menu h3{
	margin:2.0rem auto;
	text-align: center;
	font-size:1.3rem;
	font-weight:bold;
	text-align:center;
	line-height:1.0;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

.menu h2 span{
	font-size:1.3333rem;
	letter-spacing:0em;
}
.menu .photo{
	width:48.71794871794872%;
	margin:0 auto;
	text-align:center;
}
.menu .photo-b{
	width:100%;
	margin:0 auto;
	text-align:center;
}
.menu .photo-left{
	width:48.71794871794872%;
	margin:0 auto;
	text-align:left;
	align:left;
}
.menu .photo img{
	width:auto;
	max-width:100%;
}
.menu .row{
	width:70.08547%;
	margin:0 auto;
}
.menu .row:after{
	content:"";
	display:table;
	clear:both;
}
.menu .col{
	width:47.56098%;
}
.menu .col:first-child{
	float:left;
}
.menu .col:last-child{
	float:right;
}
.menu .img_right .col:first-child{
	float:right;
}
.menu .img_right .col:last-child{
	float:left;
}

.menu .row.col2{
	width:100%;
}
.menu .row.col2 .col:first-child{
	width:52.99145%;
	/*width:37.60684%;*/
}
.menu .row.col2 .col:last-child{
	width:37.60684%;
	/*width:52.99145%;*/
}
.menu .row.col2 .photo{
	width:100%;
	margin-top:20px;
	margin-bottom:40px;
}

.menu .row.col22{
	width:100%;
}
.menu .row.col22 .col:first-child{
	width:45.99145%;
	/*width:37.60684%;*/
}
.menu .row.col22 .col:last-child{
	width:50.60684%;
	/*width:52.99145%;*/
}
.menu .row.col22 .photo{
	width:100%;
	margin-top:20px;
	margin-bottom:40px;
}


.menu2{
	background-color:#DE8284;
}


/*20180613*/
.menu .row.col3{
	width:100%;
}
.menu .row.col3 .col{
	/*width:52.99145%;*/
	width:auto;
}
.menu .row.col3 .col:first-child{
	/*width:52.99145%;*/
	width:37.60684%;
}
.menu .row.col3 .col:last-child{
	/*width:37.60684%;*/
	width:52.99145%;
}
.menu .row.col3 .photo{
	width:100%;
	margin-top:20px;
	margin-bottom:40px;
}
/*20180613*/


.menu ul{
	margin-bottom:2.5rem;
}
.menu ul li{
	padding:0.6rem 0 0.5rem;
	color:#7d7e78;
	font-size:1.166667rem;
	text-align:center;
	line-height:1.8;
	background-image:url("../images/restaurant/menu_line.png");
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size:100% auto;
}
.menu ul li:last-child{
	background-image:none;
}
.menu ul li em{
	color:#020a0c;
	font-size:1.416667rem;
	display: inline-block;
}
.menu ul li eml{
	color:#020a0c;
	font-size:2.4rem;
	display: inline-block;
}

.menu .profile{
	max-width:820px;
	margin:0 auto;
	border:3px solid #b4b4b6;
	box-sizing:border-box;
	background-color:#fff;
}
.menu .profile .row{
	width:auto;
	margin:3px;
	padding:2.0rem 2.0rem;
	border:1px solid #b4b4b6;
	box-sizing:border-box;
}
.menu .profile .row:after{
	content:"";
	display:table;
	clear:both;
}
.menu .profile .col:first-child{
	width:21.10818%;
	float:left;
}
.menu .profile .col+.col{
	width:75.1979%;
	float:right;
}
.menu .profile h3{
	margin:0rem 0 1.2rem;
	color:#020a0c;
	font-size:1.66667rem;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	line-height:1.8;
}
.menu .profile h3 span{
	font-size:1.08rem;
}
.menu .profile h3 span.kana{
	color:#999;
}
.menu .profile p{
	padding:0;
	font-size:1.08rem;
}

/* 20191021 */
.menu .ch_box{
	position: relative;
	width: 100%;
	/*border: 1px solid #bb9847;*/
	box-sizing: border-box;
	margin-bottom: 1rem;
	padding: 2% 2% 0;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.menu .ch_box p{
	font-size: 1.6rem;
	line-height: 1.6;
	margin-bottom: 0.4em;
	padding: 0;
	color: #020a0c;
}
.menu .ch_box p.sm{
	color:#7d7e78;
	font-size:1.166667rem;
	line-height: 1.8;
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	/*display: block;*/
}

.menu .btn{
	max-width:325px;
}
.menu .btn:before{
	background-image:url(../images/restaurant/btn_more_on.png);
}

.menu .ch_box .btn{
	max-width:325px;
}
.menu .ch_box .btn:before{
	background-image:url(../images/restaurant/btn_more_on.png);
}

/*20191021*/
.menu .ch_box img{
	width:100%;
}
.menu .ch_box .row{
	width:auto;
	margin:3px;
	box-sizing:border-box;
}
.menu .ch_box .row:after{
	content:"";
	display:table;
	clear:both;
}
.menu .ch_box .col:first-child{
	width:28%;
	float:left;
}
.menu .ch_box .col+.col{
/*.menu .ch_box .col:last-child{
	width:37.60684%;*/
	width:68%;
	float: right;
}

.menu .ch_box p.box_num{
	font-size:1.2rem;
	padding:1.0rem 0 0 0;
}
.menu .ch_box p.box_num span{
	font-size:1.2rem;
	background-color: #d5c6a2;
	color:#fff;
	padding:0.5rem;
}


/* ラベル部分 左上に表示
.menu .ch_box::before {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 6em solid transparent;
    border-left: 6em solid #bb9847; 
    position: absolute;
    z-index: 100;
}
.menu .ch_box::after {
    content: "LUNCH";
    display: block;
    top: 13px;
    transform: rotate(-45deg);
    color: #fff; 
    left: 0;
    position: absolute;
    z-index: 101;
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size:1.2rem;
}
 */



/* 2018.06.11追加ここまで */
.menu .cbox p.date-top{
	padding:0 2.5rem;
	background-color:#d3c6a6;
	color:#000;
	font-size:1.8rem;
	line-height:2.0;
	width:93%;
	display:inline-block;
}
.menu p.menu-ttl{
	margin-bottom:3.0rem;
	padding:0 8.5rem;
	background-color:#393b34;
	color:#fff;
	font-size:2.0rem;
	line-height:2.0;
	display:inline-block;
}

/* 2018.06.11追加ここまで */


.menu p.mobo-top{
	margin-top:1.0rem;
	padding:0 2.5rem;
	background-color:#d3c6a6;
	color:#000;
	font-size:2.0rem;
	line-height:2.0;
	display:inline-block;
}

/* 2018.02.16追加ここまで */

.menu .dbox{
	width: 100%;
	border: 1px solid #bb9847;
	box-sizing: border-box;
	margin: 0 2rem 0 2rem;
	padding: 3.4% 4.3%;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.menu .dbox p{
	font-size: 1.83333rem;
	margin-bottom: 0.8em;
	padding: 0;
	color: #020a0c;
}

#mobo{
	font-size: 1.83333rem;
	margin-bottom: 0.8em;
	padding: 0;
	color: #020a0c;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	line-height:1.8;
}
.mobo01{
	font-size: 1.83333rem;
	font-weight: 300;
	margin-bottom: 0.8em;
	padding: 0.1rem 0 0.1rem 2.6rem;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	line-height:1.2;
	background-image:url(../images/no-01.png);
	background-position: top left;
	background-repeat:no-repeat;
	background-size:1.4em;
}
.mobo02{
	font-size: 1.83333rem;
	font-weight: 300;
	margin-bottom: 0.8em;
	padding: 0.1rem 0 0.1rem 2.6rem;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	line-height:1.2;
	background-image:url(../images/no-02.png);
	background-position:left center;
	background-repeat:no-repeat;
	background-size:1.4em;
}
.mobo03{
	font-size: 1.83333rem;
	font-weight: 300;
	margin-bottom: 0.8em;
	padding: 0.1rem 0 0.1rem 2.6rem;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	line-height:1.2;
	background-image:url(../images/no-03.png);
	background-position:left center;
	background-repeat:no-repeat;
	background-size:1.4em;
}

#mobo .md{
	font-size: 0.8em;
}
#mobo .sm{
	font-size: 0.6em;
}



	.menu .cbox .btn_tel{
	margin-top:0.4rem;
	padding:0.7rem 0;
	color:#fff;
	font-size:1.2rem;
	text-align:center;
	background-color:#bb9847;
	width: 30%;
}


#eventContact{
	background-color:#393d34;
}
#eventContact .inner{
	max-width:1050px;
	padding:5.0rem 0;
	box-sizing:border-box;
}
#eventContact h2{
	margin-bottom:2.0rem;
}
#eventContact .row{
	width:88.38095%;
	margin:0 auto;
}
#eventContact .row:after{
	content:"";
	display:table;
	clear:both;
}
#eventContact .col:first-child{
	width:60.56034%;
	float:left;
}
#eventContact .col:last-child{
	width:39.43966%;
	float:right;
}
#eventContact a.btn{
	display:block;
	position:relative;
}
#eventContact a.btn:before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-image:url("../images/restaurant/btn_contact2_on.png");
	opacity:0;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}
#eventContact a.btn:hover:before{
	opacity:1;
}

/*20180802*/
#main2.zelkova{
	padding:160px 0;
	background-image:url("../images/event/christmas/0002.jpg");
	width:100%;
	position: relative;
	background-size: cover;
}
#main2.ny{
	padding:100px 0;
	background-image:url("../images/event/newyear/main.jpg");
	width:100%;
	position: relative;
	background-size: cover;
}
#main2.spring{
	padding:100px 0;
	background-image:url("../images/event/spring-fair/main.jpg");
	width:100%;
	position: relative;
	background-size: cover;
}
#main2 .inner{
	max-width:1050px;
	margin:0 auto;
	padding:50px 0;
	background-color:rgba(255,255,255,0.95);
	text-align:center;
}
#main2 .title{
	display:table;
	margin:0 auto;
}
#main2 .title .col{
	display:table-cell;
	vertical-align:middle;
}
#main2 .title .deco{
	vertical-align:middle;
}
#main2 .title h1{
	padding:0.25em 1.0em;
	color:#ba9848;
	/*color:#020a0c;*/
	font-size:3.5rem;
	font-weight:normal;
	line-height:1.0;
	letter-spacing:0.2em;
}
#main2 .title h1 span{
	display:block;
	margin-top:1.0em;
	font-size:1.41rem;
}
#main2 .base{
	display:none;
}
/*2018080end*/

#news{
	/*background-color:#faf9f5;*/
}
#news .inner{
	max-width:1050px;
	margin:0 auto;
	padding:0px 0;
}
#news ul:after{
	content:"";
	display:table;
	clear:both;
}
#news ul li{
	width:31.04762%;
	margin-bottom:30px;
	float:left;
}
#news ul li+li{
	margin-left:3.428571%;
}
#news ul li:nth-child(3n+1){
	margin-left:0px;
	clear:left;
}

/*20191022*/
#restaurantWrap{
}
/*20191022end*/

/*20200227*/
.ribbon17-wrapper {
  display: block;
  position: relative;
  margin: 15px auto;
  padding: 10px;
  width: 100%;
  /*height: 150px;*/
  background: #fff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14);
  box-sizing: border-box;
}

.ribbon17-content {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 89px;
  height: 91px;
  overflow: hidden;
  }

.ribbon17{
  display: inline-block;
  position: absolute;
  padding: 7px 0;
  left: -23px;
  top: 22px;
  width: 160px;
  text-align: center;
  font-size: 16px;
  line-height: 16px;
  background: #CCB55C;
  color: #fff;
  letter-spacing: 0.05em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.ribbon17:before, .ribbon17:after {
  position: absolute;
  content: "";
  border-top: 4px solid #b2751b;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  bottom: -4px;
}

.ribbon17:before {
  left: 14px;
}

.ribbon17:after {
  right: 19px;
}
/*--*/
.ribbon177-wrapper {
  display: block;
  position: relative;
  margin: 15px auto;
  padding: 10px;
  width: 100%;
  /*height: 150px;*/
  background: #fff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14);
  box-sizing: border-box;
}

.ribbon177-content {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 89px;
  height: 91px;
  overflow: hidden;
  }

.ribbon177{
  display: inline-block;
  position: absolute;
  padding: 7px 0;
  left: -23px;
  top: 22px;
  width: 160px;
  text-align: center;
  font-size: 16px;
  line-height: 16px;
  background: #B2D251;
  color: #fff;
  letter-spacing: 0.05em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.ribbon177:before, .ribbon177:after {
  position: absolute;
  content: "";
  border-top: 4px solid #5D721D;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  bottom: -4px;
}

.ribbon177:before {
  left: 14px;
}

.ribbon177:after {
  right: 19px;
}
/*--*/
.ribbon1777-wrapper {
  display: block;
  position: relative;
  margin: 15px auto;
  padding: 10px;
  width: 100%;
  /*height: 150px;*/
  background: #fff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14);
  box-sizing: border-box;
}

.ribbon1777-content {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 89px;
  height: 91px;
  overflow: hidden;
  }

.ribbon1777{
  display: inline-block;
  position: absolute;
  padding: 7px 0;
  left: -23px;
  top: 22px;
  width: 160px;
  text-align: center;
  font-size: 16px;
  line-height: 16px;
  background: #C26D6D;
  color: #fff;
  letter-spacing: 0.05em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.ribbon1777:before, .ribbon1777:after {
  position: absolute;
  content: "";
  border-top: 4px solid #773333;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  bottom: -4px;
}

.ribbon1777:before {
  left: 14px;
}

.ribbon1777:after {
  right: 19px;
}
/*20200227 end*/

/*accordion*/
.accordion-container {
  position: relative;
  width: 100%;
  border: 1px solid #666666;
  border-top: none;
  outline: 0;
  cursor: pointer;
}

.accordion-container .article-title {
  display: block;
  position: relative;
  margin: 0;
  padding: 0.625em 0.625em 0.625em 2em;
  font-size: 1.25em;
  font-weight: normal;
  color: #000;
  background: #fff;
  cursor: pointer;
}

.accordion-container .article-title:hover,
.accordion-container .article-title:active,
.accordion-container .content-entry.open .article-title {
  background-color: #DDDDDD;
  color: #000;
}

.accordion-container .article-title:hover i:before,
.accordion-container .article-title:hover i:active,
.accordion-container .content-entry.open i {
  color: #000;
}

.article-title{
  position: relative;
}

.article-title:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 38%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #666666;
  border-right: solid 2px #666666;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.article-title.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}

.accordion-content {
  display: none;
  padding: 1em 2.3125em 1.4em;
}
.accordion-content p.in_txt{
	color:#7d7e78;
	font-size:1rem;
	line-height: 1.7;
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

/* CSS for CodePen */
.accordion-container {
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  width: 100%;
  margin: 1.875em auto;
}

/*2枠*/
#news_y{
	/*background-color:#faf9f5;*/
	max-width:950px;
	margin: 0 auto;
}
#news_y ul:after{
	content:"";
	display:table;
	clear:both;
}
#news_y ul li{
	width:46%;
	/*height: 70px;*/
	height: 50px;
	vertical-align: middle;
	margin-bottom:0px;
	float:left;
	padding:1rem;
	border: 1px solid #b49955;
	background-color: #fff;
}

#news_y ul li p{
	font-size:1.5rem;
	line-height: 1.4;
	color: #000;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
#news_y ul li+li{
	margin-left:0.6rem;
}
#news_y ul li:nth-child(2n+1){
	margin-left:0px;
	clear:left;
}
.thumbnail {
     height: 100%;
   display: inline-block; /* ここがポイント */
    margin-right: 5px;
    margin-bottom: 5px;
	float: left;
}
.thumbnail img {
    height: 100%;
	width: auto;
}



@media (max-width:640px){
	#title .inner{
		width:100%;
		padding:0 0 6%;
	}
	#title h1.ttl{
		font-size:4.0rem;
		margin-top: 6%;
		margin-bottom: 2%;
	}
	#title h1.ttl span{
		line-height:1.6;
		font-size:2.0rem;
	}
	#title h1.ttl span+span{
		margin-top:0;
		margin-bottom:0.5rem;
		font-size:2.0rem;
	}
	#title p{
		width:87.5%;
		margin:0 auto;
		box-sizing:border-box;
	}
	#title p.date{
		margin-bottom:6%;
		padding:0.8rem 0;
		font-size:2.8rem;
		line-height:1.4;
		display:block;
	}

	#title p.date-top{
		margin-bottom:3%;
		padding:0.8rem 0;
		font-size:2.8rem;
		line-height:1.2;
		display:block;
	}
	#title p.date-top-s{
		margin-bottom:3%;
		padding:1.0rem;
		font-size:2.0rem;
		line-height:2.0;
		display:block;
	}
	#title p.date-top-s span{
		font-size:1.6rem;
		line-height:1.6;
	}
	
	#title p.yokoku {
	font-size:2.0rem;
	color:#b49955;
	}
	#title p.yokoku a{
	font-size:2.3rem;
	padding:0.6rem 3.8rem;
	display:inline-block;
	line-height:1.4;
	}
	
/* 2018.06.11追加ここまで */
.menu .cbox p.date-top{
	padding:0 1.0rem;
	background-color:#d3c6a6;
	color:#000;
	font-size:2.6rem;
	line-height:2.0;
	width:94%;
	display:inline-block;
}
/* 2018.06.11追加ここまで */

#title h2 {
		font-size:2rem;
	font-weight: bold;
}
	#title p.date span{
		font-size:2.0rem;
	}

	#contents>.inner{
		padding:8% 0 0;
	}
	.plan{
		margin-bottom:8%;
	}
	.plan .row{
		padding:0 2% 6%;
	}
	.plan .col{
		width:100%;
		float:none;
	}
	.plan .col:last-child{
		width:100%;
		margin-top:4%;
		float:none;
	}
	.plan h2{
		margin-top:6%;
		margin-bottom:6%;
		font-size:3.166667rem;
	}
	.plan th,
	.plan td{
		font-size:1.75rem;
	}
	.plan th{
		white-space:nowrap;
	}
	
	.artist{
		margin-bottom:8%;
	}
	.artist .row{
		padding:0 2% 6%;
	}
	.artist .col{
		width:100%;
		float:none;
	}
	.artist .col:last-child{
		width:100%;
		margin-top:4%;
		float:none;
	}
	.artist h2{
		margin-top:6%;
		margin-bottom:3%;
		font-size:3.0rem;
		line-height:1.4;
		text-align:center;
	}
	.artist p{
		font-size:1.75rem;
		padding: 0 3%;
	}
	
	.menu .inner{
		padding:6% 0;
	}
	.menu h2{
		margin: 0 auto 4%;
		padding:2% 0;
		font-size:2.66667rem;
		line-height:1.4;
	}
	.menu h2 span{
		display:block;
		font-size:2.0rem;
	}
	
	/*20180731*/
	.menu h3{
	font-size:1.8rem;
	line-height:1.6;
	margin:1.2rem auto;
	}

	.menu .photo{
		width:100%;
	}
	.menu .row{
		width:100%;
	}
	.menu .col{
		width:48.50746%;
	}
	.menu .row.col2 .col:first-child{
		width:100%;
		margin:0 auto;
		float:none;	
	}
	.menu .row.col2 .col:last-child{
		width:100%;
		float:none;
	}
	.menu .row.col2 .photo{
		width: 100%;
		margin-top:0;
		margin-bottom:3%;
	}
	/*
	.menu .row.col2 .photo:nth-child(2n+1){
		float:left;
	}
	.menu .row.col2 .photo:nth-child(2n){
		float:right;
	}
	 */
	.menu .row.col2 .photo:nth-child(2n+1),
	.menu .row.col2 .photo:nth-child(2n){
		float:none;
	}

	.menu .row.col22 .col:first-child{
		width:100%;
		margin:0 auto;
		float:none;	
	}
	.menu .row.col22 .col:last-child{
		width:100%;
		float:none;
	}
	.menu .row.col22 .photo{
		width: 100%;
		margin-top:0;
		margin-bottom:3%;
	}
	.menu .row.col22 .photo:nth-child(2n+1),
	.menu .row.col22 .photo:nth-child(2n){
		float:none;
	}

/*20180613*/
	.menu .row.col3 .col:first-child{
		width:100%;
		margin:0 auto;
		float:none;	
	}
	.menu .row.col3 .col:last-child{
		width:100%;
		float:none;
	}
	.menu .row.col3 .photo{
		width:48.50746%;
		width: 100%;
		margin-top:0;
		margin-bottom:3%;
	}
	/*
	.menu .row.col3 .photo:nth-child(2n+1){
		float:left;
	}
	.menu .row.col3 .photo:nth-child(2n){
		float:right;
	}
	 */
	.menu .row.col3 .photo:nth-child(2n+1),
	.menu .row.col3 .photo:nth-child(2n){
		float:none;
	}
/*20180613*/

	.menu ul{
		margin-top:2%;
		margin-bottom:4%;
	}
	.menu ul li{
		padding:3.2% 0 1.8%;
		background-image:url("../images/restaurant/sp/menu_line.png");
		background-size:100% auto;
		font-size:1.75rem;
		line-height:1.6;
	}
	.menu ul li em{
		margin-bottom:1%;
		font-size:2.1rem;
		line-height:1.4;
	}
/*
	.menu ul li em{
		margin-bottom:1%;
		font-size:1.75rem;
		line-height:1.4;
	}
*/
	.menu .profile .row{
		width:auto;
		padding:4%;
	}
	.menu .profile h3 span.kana{
		display:block;
	}
	.menu .profile .col+.col:last-child{
		width:100%;
		padding-top:3%;
		float:none;
		clear:both;
	}
	.menu .profile h3{
		margin:0.5em 0 0;
		font-size:2.58rem;
		line-height:1.4;
	}
	.menu .profile h3 span{
		font-size:1.75rem;
	}
	.menu .profile h3 span.kana{
		font-size:2.333rem;
	}
	.menu .profile p{

		font-size:1.75rem;
	}
	
	/* 2018.02.16追加ここから */
	.menu .cbox p{
		font-size: 2.66667rem;
	}
	.menu .cbox .btn{
		background-color:#d5c6a2;
		max-width:670px;
		width:100%;
	}
	.menu .cbox .btn:before{
		display:none;
	}
	.menu p.menu-ttl{
		margin-bottom:6%;
		padding:0.8rem 0;
		font-size:2.8rem;
		line-height:1.4;
		display:block;
	}

	/* 20191021 */
	.menu .ch_box p{
		font-size: 2.2rem;
	}
	.menu .ch_box .col:first-child{
		width:100%;
		margin:0 auto;
		padding:0%;
		float:none;
	}

	.menu .ch_box .col+.col{
		width:100%;
		padding-top:3%;
	}
	.menu .ch_box .col:last-child{
		width:100%;
		padding-top:3%;
		float:none;
		clear:both;
	}
	
	
	.menu .ch_box p.box_num{
	font-size:2.0rem;
	padding:1.0rem;
	text-align: left;
	}
	.menu .ch_box p.box_num span{
	font-size:2.0rem;
	padding:0.6rem;
	}
	.menu .ch_box p.sm{
	font-size:1.8rem;
	line-height: 1.6;
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	/*display: block;*/
	}



	/* 2018.02.16追加ここまで */
	
	#eventContact .inner{
		padding:6% 0;
	}
	#eventContact h2{
		margin-bottom:0;
	}
	#eventContact .row{
		width:100%;
	}
	#eventContact .col:first-child{
		width:100%;
		float:none;
	}
	#eventContact .col:last-child{
		width:100%;
		margin-top:4%;
		float:none;
	}
	#eventContact a.btn:before{
		display:none;
	}
	/*20180802*/
	#main2{
		padding:6% 0;
		background-size:cover;
		background-position:center;
	}
	#main2.spring{
	padding:60px 0;
	background-image:url("../images/event/spring-fair/sp/main.jpg");
}
	#main22.zelkova{
		padding:7% 0;
		background-image:url("../images/event/halloween/sp/main.jpg");
	}
	#main2 .inner{
		padding:3.8% 0;
	}
	#main2 .title{
		/*max-width:89.55224%;*/
		display:block;
	}
	#main2 .title .col{
		display: inline-block;
	}
	#main2 .title .deco{
		padding-right:1.0em;
	}
	#main2 .title .deco.zelkova{
		width:10%;
	}
	#main2 .title h1{
		margin-top:0;
		padding:0.6rem 0;
		font-size:4rem;
		font-weight:normal;
	}
	#main2 .title h1 span{
		font-size:1.75rem;
	}
	#main2 .title .deco.timenest+.col h1{
		padding:1.05rem 0;
		font-size:2.4rem;
	}
	/*20180802*/

	#news .inner{
		padding:1.5% 0;
	}
	#news ul li{
		width:48.65672%;
		margin-bottom:2.8%;
	}
	#news ul li+li{
		margin-left:0;
	}
	#news ul li:nth-child(2n){
		float:right;
	}
	#news ul li:nth-child(3n+1){
		clear:none;
	}

/*20200227*/
	.ribbon17-content {
	position: absolute;
	top: -6px;
	right: -6px;
	width: 65px;
	height: 66px;
	overflow: hidden;
	  }

	.ribbon17 {
	display: inline-block;
	position: absolute;
	padding:4px 0;
	left: -24px;
	top: 12px;
	width: 130px;
	text-align: center;
	font-size: 11px;
	line-height: 16px;
	color: #fff;
	letter-spacing: -0.02em;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	}

	.ribbon17:before {
	left: 19px;
	}

	.ribbon17:after {
	right: 19px;
	}
/*--*/
	.ribbon177-content {
	position: absolute;
	top: -6px;
	right: -6px;
	width: 65px;
	height: 66px;
	overflow: hidden;
	  }

	.ribbon177 {
	display: inline-block;
	position: absolute;
	padding:4px 0;
	left: -24px;
	top: 12px;
	width: 130px;
	text-align: center;
	font-size: 11px;
	line-height: 16px;
	color: #fff;
	letter-spacing: -0.02em;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	}

	.ribbon177:before {
	left: 19px;
	}

	.ribbon177:after {
	right: 19px;
	}
/*--*/
	.ribbon1777-content {
	position: absolute;
	top: -6px;
	right: -6px;
	width: 65px;
	height: 66px;
	overflow: hidden;
	  }

	.ribbon1777 {
	display: inline-block;
	position: absolute;
	padding:4px 0;
	left: -24px;
	top: 12px;
	width: 130px;
	text-align: center;
	font-size: 11px;
	line-height: 16px;
	color: #fff;
	letter-spacing: -0.02em;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	}

	.ribbon1777:before {
	left: 19px;
	}

	.ribbon1777:after {
	right: 19px;
	}
/*20200227 end*/
	
	/*accordion*/
	.accordion-container .article-title {
	margin: 0;
	font-size: 1.8em;
  padding: 1em 1em 1em 2em;
	}

	.article-title:after {
	top: 24%;
	}

	.accordion-content p.in_txt{
	color:#7d7e78;
	font-size:1.6rem;
	line-height: 1.75;
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	}

	/*2枠*/
	#news_y .inner{
		padding:1.5% 0;
	}
	#news_y p{
	font-size:1.8em;
	}

	#news_y ul li:first-child {
			height: 35px;
		width:90%;
		margin-bottom:2.8%;
		margin-left: 3%;
	}
	#news_y ul li:last-child {
			height: 35px;
		width:90%;
		margin-bottom:2.8%;
		margin-left: 3%;
	}

	#news_y ul li p{
	margin: 0rem 0 0;
	font-size:2.0rem;
		width: 100%;
	}
	#news_y ul li p span{
	font-size:2.0rem;
	line-height: 1;
	}
	#news_y ul li .news_in{
	font-size:2.0rem;
	}
	.thumbnail {
     height: 100%;
   display: inline-block; /* ここがポイント */
    margin-right: 5px;
    margin-bottom: 5px;
	float: left;
}
.thumbnail img {
    height: 100%;
	width: auto;
}


}