@charset "utf-8";

.sp {
	display: none;
}

.tablet {
	display: none;
}

#container {
	min-width: 1090px;
}

#renewalBnr {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 430px;
}

#renewalBnr a {
	transition: all 0.3s ease-in-out 0s;
}

#renewalBnr a:hover {
	opacity: 0.7;
}

#renewalBnr img {
	width: 100%;
	height: auto;
}



/*COMMON */
/* -------------------------------------------------- */

.column {
	width: 1080px;
	margin: 0 auto;
}


/* header */
#header {
	width: 100%;
	padding-top: 24px;
}

.socialLink {
	margin: 0 1.25% 0 0;
	text-align: right;
}

#hLogo {
	width: 195px;
	height: 69px;
	margin: 30px auto 35px;
}

.globalNav ul {
	margin: 0 0 20px;
	text-align: center
}

.globalNav ul li {
	display: inline-block;
	margin: 0 21px;
}

.globalNav ul li a {
	display: inline-block;
	padding-bottom: 8px;
	/*	background: url(../images/line01.png) repeat-x 0 bottom;*/
	/*transition: all 0.3s ease-in-out 0s;*/
}

.globalNav ul li a:hover {
	opacity: 0.5;
	background: transparent;
}

.globalNav2 ul {
	margin: 0 0 20px;
	text-align: center
}

.globalNav2 ul li {
	display: inline-block;
	margin: 0 18px;
	vertical-align: bottom;
}

.globalNav2 ul li a {
	display: inline-block;
	padding-bottom: 8px;
	/*	background: url(../images/line01.png) repeat-x 0 bottom;*/
	vertical-align: bottom;
}

.social {
	position: absolute;
	top: 10px;
	right: 20px;
}

.social li {
	display: inline-block;
	vertical-align: middle;
}

#headerLine {
	position: absolute;
	top: 48px;
	right: 20px;
}

.lineBtn {
	position: absolute;
	top: 50px;
	right: 30px;
}

/* footer */
#footerArea {
	width: 100%;
	padding: 45px 0 20px;
	background: #FFF;
}

#footer {
	width: 1080px;
	margin: 0 auto;
	text-align: center;
}

#fNav {
	width: 100%;
	margin: 0 auto 40px;
	text-align: center;
}

#fNav li {
	display: inline-block;
	margin: 0 10px;
}

#fNav li a {
	display: inline-block;
	padding: 0 0 5px;
	background: url(../images/line01.png) repeat-x 0 bottom;
	letter-spacing: 0;
	transition: all 0.3s ease-in-out 0s;
}

#fNav li a:hover {
	color: #c7000a;
	background: url(../images/line01.png) repeat-x 0 80%;
}

.footer_column {
	width: 1080px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 30px;
}

.in-footer {
	width: 340px;
	letter-spacing: 0;
	display: inline-block;
	vertical-align: top;
}

#footerLeft {
	text-align: left;
	font-size: 13px;
}

#footerRight {
	flex: 1;
	text-align: left;
}

#footerRight iframe {
	width: 100%;
}

.footer_col03 {
	position: absolute;
	top: 0;
	right: 0;
}

.f_logo {
	text-align: center;
	margin-bottom: 25px;
}

.f_img {
	margin-bottom: 10px;
}

.f_txt {
	font-size: 14px;
}

#bnrArea {
	padding: 30px 0 20px;
	clear: both;
	display: inline-block;
}

.f_bnr {
	display: inline-block;
	vertical-align: middle;
}

#copy {
	width: 100%;
	padding-bottom: 30px;
	font-size: 14px;
	text-align: center;
	z-index: 5;
}

#footerSns {
	padding-top: 25px;
}

#fLine {
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

#fSns {
	padding-left: 10px;
	display: inline-block;
	vertical-align: middle;
}

.close {
	padding: 10px 0;
	color: #c21b24;
}

.infoClose {
	color: #c21b24;
	font-size: 14px;
	margin-left: 10px;
}

/*ライン非表示のみの設定*/
#fSns li {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	padding: 0 !important;
}

#fSns li:first-child {
	padding-bottom: 10px;
}

#instgram h4 {
	padding-bottom: 20px;
	text-align: center;
}

/* GoogleMap */
#gMap {
	width: 100%;
	height: 400px;
}

/* インスタスライダー */
#instgram .sp-arrow {
	position: absolute;
	display: block;
	width: 39px;
	height: 77px;
	cursor: pointer;
}

#instgram .sp-horizontal .sp-previous-arrow {
	left: 0;
	background: url(../images/instagram_left_arrow.png) 0 0 no-repeat;
}

#instgram .sp-horizontal .sp-next-arrow {
	right: 0;
	background: url(../images/instagram_right_arrow.png) 0 0 no-repeat;
}

/*CONTENTS */
/* -------------------------------------------------- */
#slider1 {
	padding-bottom: 100px;
}

/* slide */
#slider1 .sp-top-thumbnails .sp-thumbnail-container,
#slider1 .sp-bottom-thumbnails .sp-thumbnail-container {
	margin-left: 5px;
	margin-right: 5px;
}

#slider1 .sp-bottom-thumbnails.sp-has-pointer {
	margin-top: 20px;
}

#slider1 .sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail {
	position: absolute;
	top: 0;
	margin-top: 0 !important;
}

#slider1 .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
	border: none;
}

#slider1 .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
	border: none;
}

#slider1 .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail {
	border: 2px solid #c3151b;
}

#slider1 .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail img {
	width: 100% !important;
	height: auto;
	margin-left: 0 !important;
}

#slider1 .sp-previous-arrow {
	width: 34px;
	height: 70px;
	background: url(../images/prev_btn.png) no-repeat 0 0;
}

#slider1 .sp-next-arrow {
	width: 34px;
	height: 70px;
	background: url(../images/next_btn.png) no-repeat 0 0;
}

#topRecommend {
	width: 1080px;
	margin: 75px auto 140px;
}

.top-recommend {
	width: 520px;
}

.top-recommend h2 {
	margin-bottom: 10px;
}

.top-recommend-date {
	float: right;
	padding-top: 5px;
	font-size: 14px;
	letter-spacing: 0.3em;
}

.top-recommend-img {
	width: 520px;
	height: 210px;
}

.inviewUp {
	transform: translate(0, 50px);
	-webkit-transform: translate(0, 50px);
	opacity: 0;
	transition: .8s;
}

.Up {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1.0;
}

#topBox01,
#topBox02,
#topBox03,
#topBox04,
#topBox05,
#topBox06,
#topBox07 {
	position: relative;
	width: 100%;
	height: 740px;
}

#topBox02 {
	height: 585px;
	margin-top: 90px;
}

#topBox03 {
	height: 780px;
	margin-top: -25px;
}

#topBox04 {
	height: 730px;
	margin-top: -40px;
}

#topBox05 {
	height: 700px;
	margin: 80px 0 90px;
}

#topBox06 {
	height: 400px;
	margin-top: 75px;
}

#topBox07 {
	height: 700px;
	margin-top: 80px;
}


.topTtl {
	padding-bottom: 15px;
	background: url(../images/line01.png) repeat-x 0 bottom;
}



.topimg01 {
	position: absolute;
	top: 0;
	left: 15%;
}

.topttl01 {
	position: absolute;
	top: 26%;
	right: 17%;
}

.toptxt-box01 {
	position: absolute;
	right: 17%;
	bottom: 130px;
	width: 390px;
	padding: 60px;
	background: rgba(255, 255, 255, 0.9);
}

.top_txt01 {
	font-size: 17px;
	line-height: 1.8;
}

.top_btn {
	text-align: right;
}

.top_btn a {
	display: inlie-block;
	padding: 10px 30px 8px 20px;
	border: 1px solid #c21b24;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: url(../images/red_arr.png) no-repeat 93% center #ffffff;
	font-size: 15px;
	color: #c21b24;
	text-align: center;
	transition: all 0.3s ease-in-out 0s;
}

.top_btn a:hover {
	background: url(../images/wht_arr.png) no-repeat 93% center #c21b24;
	color: #ffffff;
}

.topimg02 {
	position: absolute;
	top: 6%;
	left: 15%;
}

.topimg03 {
	position: absolute;
	top: 0;
	right: 10%;
}

.toptxt01 {
	position: absolute;
	top: 35%;
	left: 32.5%;
}

.topimg04 {
	position: absolute;
	top: 0;
	right: 15.6%;
}

.topttl02 {
	position: absolute;
	top: 30%;
	left: 15%;
}

.toptxt-box02 {
	position: absolute;
	left: 15%;
	top: 43%;
	width: 420px;
	padding: 50px 40px;
	background: rgba(255, 255, 255, 0.9);
	font-size: 16px;
	letter-spacing: 0;
	line-height: 1.8;
}

.topimg05 {
	position: absolute;
	top: 9.5%;
	right: 15.6%;
}

.topimg06 {
	position: absolute;
	top: 0;
	left: 10%;
}

.topimg07 {
	position: absolute;
	bottom: 0;
	left: 10%;
}

.topimg08 {
	position: absolute;
	top: 0;
	left: 15.6%;
}

.topttl03 {
	position: absolute;
	top: 18.5%;
	right: 15.6%;
}

.toptxt-box03 {
	position: absolute;
	top: 32%;
	right: 15.6%;
	width: 400px;
	padding: 50px;
	background: rgba(255, 255, 255, 0.9);
	font-size: 16px;
	letter-spacing: 0;
	line-height: 1.8;
}

.topimg09 {
	position: absolute;
	top: 0;
	left: 15.6%;
}

.topimg10 {
	position: absolute;
	top: 0;
	right: 15.6%;
}

.topimg11 {
	position: absolute;
	top: 0;
	right: 9%;
}

.topttl04 {
	position: absolute;
	top: 11.5%;
	left: 15.6%;
}

.toptxt-box04 {
	position: absolute;
	top: 25.5%;
	left: 15.6%;
	width: 380px;
	padding: 60px;
	background: rgba(255, 255, 255, 0.9);
	font-size: 16px;
	letter-spacing: 0;
	line-height: 1.8;
}

.topimg12 {
	position: absolute;
	bottom: 0;
	left: 15.6%;
}

.topimg13 {
	position: absolute;
	bottom: 0;
	right: 15.6%;
}

.topColum {
	margin: 0 auto 50px;
}

.topColum h2 {
	margin: 0 0 50px;
}

.top-colum {
	width: 1110px;
	margin: 0 -30px 0 0;
	position: relative;
}

.top-colum-link {
	float: left;
	width: 340px;
	height: 255px;
	margin: 0 30px 30px 0;
	background: #ffffff;
	position: relative;
	overflow: hidden;
}

.top-colum-link a {
	transition: all 0.3s ease-in-out 0s;
}

.top-colum-link a:hover {
	opacity: 0.5;
	color: #000000;
}

.top-colum-link a img {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.in-top-colum {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px;
	background-color: rgba(255, 255, 255, 0.6);
	font-size: 14px;
	box-sizing: border-box;
}

.in-top-colum span {
	font-weight: bold;
}

#topEvent {
	width: 100%;
	margin-bottom: 85px;
	padding: 55px 0;
	background: #f0ede1;
}

.top-event {
	width: 830px;
	margin: 0 auto;
	padding: 0 0 0 270px;
	background: url(../images/top_event_ttl.jpg) no-repeat 0 center;
}

.in-top-event {
	width: 100%;
}

.scroll01 {
	width: 795px;
	height: 280px;
	padding: 0 25px 0 0;
	overflow: auto;
}

.scroll01 ul li {
	width: 100%;
	margin: 0 0 10px;
	padding: 0 10px 20px 0;
	background: url(../images/line01.png) repeat-x 0 bottom;
}

.scroll01 ul li a {
	font-size: 16px;
}

.scroll01 ul li span {
	display: inline-block;
}

.event-date {
	margin: 0 10px 5px 0;
	font-weight: bold;
}

.event-cat {
	margin-bottom: 5px;
	padding: 0 5px;
	background-image: linear-gradient(-45deg,
			#c32b33 25%,
			#d77378 25%, #d77378 50%,
			#c32b33 50%, #c32b33 75%,
			#d77378 75%, #d77378);
	background-size: 4px 4px;
	color: #ffffff;
}

.topInfo {
	margin: 0 auto 100px;
}

.topInfo h2 {
	width: 283px;
	margin: 0 auto 40px;
}

.top-info {
	width: 100%;
	height: 370px;
	padding: 20px;
	border: 1px solid #c1c1c1;
	background: #ffffff;
}

.top-info h3 {
	margin-bottom: 20px;
	padding-top: 5px;
}

.fb-btn {
	float: right;
	margin-top: -3px;
	width: 32px;
}

.scroll02 {
	width: calc(100% - 25px);
	height: 370px;
	padding: 0 25px 0 0;
	overflow: auto;
}

.scroll02 ul li {
	width: 100%;
	margin: 0 0 10px;
	padding: 0 0 10px 0;
	background: url(../images/line01.png) repeat-x 0 bottom;
}

.scroll02 ul li a {
	display: block;
	width: 100%;
	padding: 0 45px 0 0;
	background: url(../images/blk_arr.jpg) no-repeat right center;
	font-size: 15px;
	box-sizing: border-box;
	transition: all 0.3s ease-in-out 0s;
}

.scroll02 ul li a:hover {
	opacity: 0.5;
}

.scroll02 ul li span {
	display: inline-block;
}

.top-info-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.top-info-img {
	width: 62px;
}

.top-info-txt {
	flex:1;
	letter-spacing: 0;
}

.info-date {
	margin: 0 10px 0 0;
	font-weight: bold;
}

.info-cat {
	padding: 0 4px;
	border: 1px solid #666666;
	color: #666666;
	font-size: 12px;
}



/* sub-page */
/* common */

.pageTtl {
	width: 100%;
	height: 280px;
	margin: 0 0 10px;
	padding: 80px 0 0;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	line-height: 1.8;
}

.sabpageTtl {
	margin: 0 0 20px;
	padding: 0 0 20px;
	background: url(../images/line02.png) no-repeat center bottom;
}


#pankuzu {
	width: 1080px;
	margin: 0 auto 110px;
	font-size: 14px;
	color: #24160f;
}

#pankuzu a {
	display: inline-block;
	margin: 0 15px 0 0;
	padding: 0 15px 0 0;
	background: url(../images/arr01.jpg) no-repeat right center;
	transition: all 0.3s ease-in-out 0s;
}

#pankuzu a:hover {
	opacity: 0.5;
}

#pankuzu a:first-child img {
	vertical-align: middle;
}

.section {
	width: 1080px;
	margin: 0 auto;
}

.two-col {
	width: 50%;
	box-sizing: border-box;
}

.two-col02 {
	width: 515px;
	box-sizing: border-box;
}

.four-col {
	width: 255px;
}


.ttl01 {
	margin-bottom: 50px;
	padding-bottom: 15px;
	border-bottom: 5px solid #59493f;
}

.ttl02 {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #59493f;
}

.ttl03 {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 5px solid #c52d34;
}


/* kodawari */
.kodawari {
	background: url(../images/kodawari_main.jpg) no-repeat center 0;
	background-size: cover;
}

.kodawari_ttl {
	margin: 0 0 20px;
	padding: 0 0 0 30px;
	background: url(../images/icon01.jpg) no-repeat 0 center;
}

.kodawari_txt {
	margin-bottom: 35px;
	font-size: 18px;
}

.kodawari_box001 {
	width: 980px;
	margin: 0 0 100px;
	padding: 49px;
	border: 1px solid #59493f;
}

.kodawari_box001 h4 {
	margin: 0 0 20px;
	font-size: 23px;
	color: #ea6d93;
	font-weight: bold;
}

.kodawari_box001 p {
	letter-spacing: 0.1em;
}

.kodawari_box005 {
	width: 793px;
	margin: 0 auto 50px;
	padding: 30px 40px;
	border: 1px dashed #6d6d6d;
	background: #ffffff;
}

.kodawari_box005 p {
	font-size: 19px;
}

.kodawari_box006 {
	width: 100%;
	padding: 40px 30px;
	border: 1px dashed #6d6d6d;
	background: #ffffff;
	box-sizing: border-box;
}

.kodawari_box006 p {
	font-size: 14px;
	letter-spacing: 0.1em;
}

.shop_link {
	float: right;
	padding-right: 30px;
}

.shop_link a {
	display: block;
	padding-right: 25px;
	background: url(../images/link_icon.jpg) no-repeat right center;
	text-align: right;
	font-size: 20px;
}

.shop_link a:hover {
	opacity: 0.5;
}



.kodwari_img01 {
	margin: 0 0 50px;
}

.kodawari_box002 {
	width: 1040px;
	margin: 0 0 75px;
	padding: 15px 20px;
	background: #ffffff;
}

.in_kodawari001 {
	width: 750px;
}

.in_kodawari002 {
	width: 275px;
}

.caption01 {
	margin-top: 10px;
	font-size: 13px;
	color: #392d14;
	text-align: right;
	letter-spacing: 0;
}

.kodawari_box003 {
	width: 615px;
}

.kodawari_box004 {
	width: 532px;
}

.kodawari_box007 {
	width: 257px;
}

.in_kodawari {
	float: left;
	margin: 0 17px 0 0;
}

.promiseWrap {
	margin-right: -60px;
	letter-spacing: -0.4em;
}

.promise {
	width: 510px;
	margin: 0 60px 60px 0;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}

.promise h3 {
	padding-bottom: 10px;
}

.promiseTxt {
	padding: 20px;
	background: #FFF;
}

#shop .space {
	padding-bottom: 20px;
}

/* 210616追加分 */

#food .two-col {
	width: 100%;
}

#conceptReadTit {
	margin-bottom: 30px;
}

/* shop */
.shop {
	background: url(../images/shop_main.jpg) no-repeat center 0;
	background-size: cover;
}

.shopGallery {
	width: 1080px;
	margin: 0 auto 80px;
}

.shop_name {
	float: left;
	width: 240px;
	height: 337px;
	padding: 70px 0 0 30px;
	background: #201a0e;
}

.shop_photo {
	float: right;
	width: 809px;
}

#slider2 .sp-bottom-thumbnails,
#slider3 .sp-bottom-thumbnails {
	margin-top: 1px;
}

#slider2 .sp-top-thumbnails .sp-thumbnail-container,
#slider2 .sp-bottom-thumbnails .sp-thumbnail-container,
#slider3 .sp-top-thumbnails .sp-thumbnail-container,
#slider3 .sp-bottom-thumbnails .sp-thumbnail-container {
	margin-left: 0;
	margin-right: 1px;
}

.shopInfo {
	width: 1080px;
	margin: 0 auto 20px;
}

.shop_subttl {
	margin-bottom: 10px;
	padding: 0 0 15px 10px;
	background: url(../images/line03.jpg) no-repeat 0 bottom;
}

.scroll03 {
	width: 490px;
	height: 345px;
	margin-bottom: 15px;
	padding: 0 25px 0 0;
	overflow: auto;
}

.scroll03 ul li {
	width: 490px;
	margin: 0 0 10px;
	padding: 0 0 10px 0;
	background: url(../images/line01.png) repeat-x 0 bottom;
}

.scroll03 ul li a {
	display: block;
	width: 100%;
	padding: 0 80px 0 0;
	background: url(../images/blk_arr.jpg) no-repeat right center;
	font-size: 15px;
	box-sizing: border-box;
	transition: all 0.3s ease-in-out 0s;
}

.scroll03 ul li a:hover {
	opacity: 0.5;
}

.scroll03 ul li span {
	display: inline-block;
}

.shop-info-txt {
	float: right;
	width: 335px;
	letter-spacing: 0;
}

.scroll03 .jspVerticalBar {
	width: 7px;
}

.shop_info {
	width: 515px;
	background: url(../images/line01.png) repeat-x 0 bottom;
}

.shop_info dt,
.shop_info dd {
	float: left;
	padding: 25px 0;
	letter-spacing: 0;
}

.shop_info dt {
	width: 90px;
	margin: 0 50px 0 0;
	text-align: right;
}

.shop_info dd {
	width: 360px;
}

.daimyomap {
	padding-bottom: 100px;
	background: url(../images/shop_bg.jpg) no-repeat center bottom;
}

.accessmap {
	width: 1080px;
	height: 425px;
	margin: 0 auto 100px;
}


/* menu */
.menu {
	background: url(../images/menu_main.jpg) no-repeat center 0;
	background-size: cover;
}

#tabnav {
	margin-bottom: 60px;
	text-align: center;
}

#tabnav li {
	/*float: left;*/
	display: inline-block;
	width: 214px;
	padding: 5px 0;
	border-right: 1px solid #bfbfbf;
}

#tabnav li:first-child {
	width: 213px;
	border-left: 1px solid #bfbfbf;
}

#tabnav li a {
	/*display: block;*/
	display: inline-block;
	width: 160px;
	height: 160px;
	margin: 0 auto;
	text-indent: 100%;
	overflow: hidden;
	transition: all 0.3s ease-in-out 0s;
}

#tabnav li:first-child a {
	background: url(../images/menu01_bk.png) no-repeat center #faf8f0;
}

#tabnav li:first-child a:hover,
#tabnav li:first-child a.active {
	background: url(../images/menu01_wh.png) no-repeat center #8fb441;
}

/*
#tabnav li:nth-child(2) a {
	background: url(../images/menu02_bk.png) no-repeat center #faf8f0;
}
#tabnav li:nth-child(2) a:hover,
#tabnav li:nth-child(2) a.active {
	background: url(../images/menu02_wh.png) no-repeat center #213b61;
}
*/
#tabnav li:nth-child(2) a {
	background: url(../images/menu03_bk.png) no-repeat center #faf8f0;
}

#tabnav li:nth-child(2) a:hover,
#tabnav li:nth-child(2) a.active {
	background: url(../images/menu03_wh.png) no-repeat center #f29c9f;
}

#tabnav li:nth-child(3) a {
	background: url(../images/menu04_bk.png) no-repeat center #faf8f0;
}

#tabnav li:nth-child(3) a:hover,
#tabnav li:nth-child(3) a.active {
	background: url(../images/menu04_wh.png) no-repeat center #633e2b;
}

#tabnav li:nth-child(4) a {
	background: url(../images/menu05_bk.png) no-repeat center #faf8f0;
}

#tabnav li:nth-child(4) a:hover,
#tabnav li:nth-child(4) a.active {
	background: url(../images/menu05_wh.png) no-repeat center #aa2525;
}

.menu-box {
	margin-bottom: 100px;
	padding-bottom: 50px;
}

#tab01 {
	border-bottom: 4px solid #8fb441;
}

#tab02 {
	border-bottom: 4px solid #f29c9f;
}

#tab03 {
	border-bottom: 4px solid #633e2b;
}

#tab04 {
	margin-top: -300px;
	padding-top: 300px;
	border-bottom: 4px solid #aa2525;
}

.menuArea {
	width: 1130px;
	margin: 0 -50px 0 0;
}

.menu_ttl {
	margin-bottom: 30px;
	padding-bottom: 20px;
}

.menuttl01 {
	border-bottom: 4px solid #8fb441;
}

.menuttl02 {
	border-bottom: 4px solid #f29c9f;
}

.menuttl03 {
	border-bottom: 4px solid #633e2b;
}

.menuttl04 {
	border-bottom: 4px solid #aa2525;
}

.time {
	float: right;
	padding-top: 3px;
}

.menu_op {
	margin-bottom: 30px;
	font-size: 13px;
	text-align: left;
}

.menu_col {
	float: left;
	width: 515px;
	margin: 0 50px 50px 0;
}

.menu_name {
	margin-bottom: 15px;
	font-size: 20px;
}

#tab01 h3 {
	color: #709327;
}

#tab02 h3 {
	color: #f29c9f;
}

#tab03 h3 {
	color: #633e2b;
}

#tab04 h3 {
	color: #aa2525;
}

.menu_img {
	float: left;
	width: 250px;
	height: 160px;
	position: relative;
}

.popicon {
	display: block;
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.menu_txt {
	float: right;
	width: 255px;
	height: 160px;
	position: relative;
	font-size: 13px;
	letter-spacing: 0.1em;
}

.price {
	position: absolute;
	right: 0;
	bottom: 0;
}


/* information */
.info {
	background: url(../images/info_main.jpg) no-repeat center 0;
	background-size: cover;
}

#infotabnav {
	margin-bottom: 50px;
	text-align: center;
}

#infotabnav li {
	display: inline-block;
	margin: 0 34px;
}

#infotabnav li a,
#infotabnav li span {
	display: inline-block;
	width: 275px;
	height: 52px;
	border: 1px solid #010101;
	text-indent: -999999px;
	overflow: hidden;
	transition: all 0.3s ease-in-out 0s;
}

#infotabnav li:first-child a {
	background: url(../images/daimyo_bk.png) no-repeat center #faf8f0;
}

#infotabnav li:first-child a:hover,
#infotabnav li:first-child a.active,
#infotabnav li:first-child span {
	background: url(../images/daimyo_wh.png) no-repeat center #010101;
}

#infotabnav li:nth-child(2) a {
	background: url(../images/nagasaki_bk.png) no-repeat center #faf8f0;
}

#infotabnav li:nth-child(2) a:hover,
#infotabnav li:nth-child(2) a.active,
#infotabnav li:nth-child(2) span {
	background: url(../images/nagasaki_wh.png) no-repeat center #010101;
}

.listArea {
	float: left;
	width: 770px;
}

.info-list {
	width: 708px;
	margin-bottom: 20px;
	padding: 30px;
	border: 1px solid #cfcecc;
}

.info-list a {
	display: block;
	opacity: 1;
	transition: all 0.3s ease-in-out 0s;
	overflow: hidden;
}

.info-list a:hover {
	opacity: 0.5;
}

.list_img {
	float: left;
	width: 230px;
}

.list_col {
	float: right;
	width: 450px;
	font-size: 18px;
	line-height: 1.5;
}

.update {
	margin-bottom: 20px;
	font-size: 17px;
	letter-spacing: 0;
}

.info_cat {
	float: right;
	padding: 2px 5px;
	border: 1px solid #010101;
	font-size: 14px;
}

.sideArea {
	float: right;
	width: 240px;
}

.sideArea ul {
	margin-bottom: 50px;
}

.category-link li {
	background: url(../images/line01.png) repeat-x 0 bottom;
}

.category-link li a {
	display: block;
	padding: 10px;
	background: url(../images/list_arr.jpg) no-repeat 225px center;
	font-size: 14px;
	letter-spacing: 0;
	transition: all 0.3s ease-in-out 0s;
}

.category-link li a:hover {
	color: #c7000a;
	background: url(../images/list_arr.jpg) no-repeat 230px center;
}

.month_select {
	margin-bottom: 50px;
}

.month_select select {
	width: 100%;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 3px solid #bfbfbf;
	background: url(../images/select_arr.png) no-repeat 98% center #ffffff;
	box-sizing: border-box;
}

select::-ms-expand {
	display: none;
}

.entry_list li {
	padding: 20px 0;
	background: url(../images/line01.png) repeat-x 0 bottom;
}

.entry_list li a {
	font-size: 14px;
	line-height: 1.2;
	letter-spacing: 0;
	transition: all 0.3s ease-in-out 0s;
}

.entry_list li a:hover {
	color: #c7000a;
}

#pager {
	margin: 0 0 100px;
	text-align: center;
}

#pager a,
#pager span {
	display: inline-block;
	margin: 0 5px;
	width: 30px;
	height: 18px;
	padding: 6px 0;
	border: 1px solid #c21b24;
	color: #c21b24;
	font-size: 18px;
	text-align: center;
	line-height: 18px;
	letter-spacing: 0;
}

#pager a:hover,
#pager span {
	background: #c21b24;
	color: #faf8f0;
}

.prev {
	text-indent: -99999px;
	background: url(../images/arr_prev.png) no-repeat center;
}

.next {
	text-indent: -99999px;
	background: url(../images/arr_next.png) no-repeat center;
}

.blogArea {
	float: left;
	width: 780px;
	margin-bottom: 100px;
}

.blog-column {
	width: 618px;
	margin-bottom: 20px;
	padding: 80px;
	border: 1px solid #cfcecc;
}

.blog-column p {
	padding-bottom: 10px;
}

.blog-column img {
	height: auto;
	max-width: 100%;
}

.entry-date {
	margin-bottom: 40px;
	font-size: 15px;
}

.entry-date span {
	float: right;
	padding: 0 10px;
	background: #1b1b1b;
	color: #ffffff;
}

.blogArea h3 {
	margin-bottom: 40px;
	font-size: 23px;
	letter-spacing: 0;
}

.blogArea img {
	display: block;
	margin-bottom: 20px;
}

.blogBtn a {
	display: block;
	letter-spacing: 0;
	transition: all 0.3s ease-in-out 0s;
}

.blog_btn {
	width: 120px;
	border: 1px solid #c21b24;
	text-align: center;
}

.blogBtn a.entry-prev {
	background: url(../images/left-arr-red.png) no-repeat 5px center #faf8f0;
	color: #c21b24;
}

.blogBtn a.entry-prev:hover {
	background: url(../images/left-arr-wht.png) no-repeat 5px center #c21b24;
	color: #ffffff;
}

.blogBtn a.entry-next {
	background: url(../images/right-arr-red.png) no-repeat 105px center #faf8f0;
	color: #c21b24;
}

.blogBtn a.entry-next:hover {
	background: url(../images/right-arr-wht.png) no-repeat 105px center #c21b24;
	color: #ffffff;
}

/* contact */
.contact {
	background: url(../images/contact_main.jpg) no-repeat center 0;
	background-size: cover;
}

.contact_att {
	width: 470px;
	margin: 0 auto 100px;
	padding: 15px 30px;
	border: 1px dashed #c21b24;
	color: #c21b24;
	font-size: 17px;
}

.contactTel {
	width: 860px;
	margin: 0 0 0 220px;
}

.tel-column {
	margin-bottom: 30px;
}

/* .daimyo-tel {
	background: url(../images/line05.jpg) no-repeat 0 bottom;
} */

.tel-column dt,
.tel-column dd {
	float: left;
	padding: 0 0 30px;
}

.tel-column dt {
	width: 125px;
	padding: 8px 20px 0 0;
	font-size: 17px;
	font-weight: bold;
	text-align: right;
}

.tellink {
	display: block;
	margin-bottom: 20px;
}

.contact_att_txt {
	margin: 0 0 100px;
	font-size: 18px;
	text-align: center;
}

.contact_att_txt span {
	color: #e60012;
}

.contactForm {
	margin-bottom: 50px;
}

.contactForm th,
.contactForm td {
	border-bottom: 1px dotted #9e9d99;
	font-size: 17px;
}

.contactForm th {
	width: 315px;
	padding: 20px 35px 20px 0;
	text-align: right;
	vertical-align: top;
}

.contactForm th span.require {
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 0 5px 0;
	background: #c21b24;
	font-size: 12px;
	color: #ffffff;
}

.contactForm td {
	width: 710px;
	padding: 20px 10px;
}

input[type="radio"] {
	display: none;
}

label.label01 {
	position: relative;
	display: inline-block;
	margin: 0 30px 0 0;
	padding: 3px 3px 3px 25px;
	cursor: pointer;
}

label.label01::before,
label.label01::after {
	position: absolute;
	content: '';
	top: 50%;
	border-radius: 100%;
	-webkit-transition: all .2s;
	transition: all .2s;
}

label.label01::before {
	left: 0;
	width: 12px;
	height: 12px;
	margin-top: -10px;
	background: #faf8f0;
	border: 3px solid #535353;
}

label.label01:hover::before {
	background: #cccccc;
}

label.label01::after {
	opacity: 0;
	left: 4px;
	width: 10px;
	height: 10px;
	margin-top: -6px;
	background: #535353;
	-webkit-transform: scale(2);
	transform: scale(2);
}

input[type="radio"]:checked + label.label01::before {
	background: #faf8f0;
	border: 3px solid #535353;
}

input[type="radio"]:checked + label.label01::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.textbox,
textarea {
	width: 580px;
	padding: 8px 5px;
	background: #ffffff;
	border: solid 1px #a0a0a0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

input[type="text"]:focus,
textarea:focus {
	box-shadow: 0px 0px 6px 3px #8fc31f;
	-moz-box-shadow: 0px 0px 6px 3px #8fc31f;
	-webkit-box-shadow: 0px 0px 6px 3px #8fc31f;
	outline: 0;
}

.ppArea {
	width: 1033px;
	height: 244px;
	margin-bottom: 50px;
	padding: 20px 25px 0 20px;
	border: 1px solid #a0a0a0;
	background: #ffffff;
	overflow: auto;
}

.ppArea h4 {
	margin-bottom: 20px;
	font-weight: bold;
}

.ppArea p {
	margin-bottom: 30px;
	letter-spacing: 0;
}

.ppArea .jspVerticalBar {
	width: 5px;
}

.submit_btn {
	width: 400px;
	margin: 0 auto 100px;
}

.submit_btn a {
	display: block;
	width: 100%;
	padding: 10px 0;
	text-align: center;
	border: 1px solid #c21b24;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: url(../images/wht_arr.png) no-repeat 380px center #c21b24;
	color: #ffffff;
	font-size: 23px;
	text-align: center;
	line-height: 1.2;
	letter-spacing: 0;
	transition: all 0.3s ease-in-out 0s;
}

.submit_btn a span {
	font-size: 17px;
}

.submit_btn a:hover {
	color: #c21b24;
	background: url(../images/red_arr.png) no-repeat 380px center #faf8f0;
}

.submitbtnAre {
	width: 820px;
	margin: 0 auto 100px;
}

.submitbtnAre a {
	display: block;
	width: 400px;
}

.submitbtnAre a.return_btn {
	padding: 10px 0;
	text-align: center;
	border: 1px solid #535353;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: url(../images/wht_arr.png) no-repeat 20px center #535353;
	color: #ffffff;
	font-size: 23px;
	text-align: center;
	line-height: 1.2;
	letter-spacing: 0;
	box-sizing: border-box;
	transition: all 0.3s ease-in-out 0s;
}

.submitbtnAre a.send_btn:hover {
	color: #535353;
	background: url(../images/bk_arr.png) no-repeat 20px center #faf8f0;
}

.submitbtnAre a.send_btn {
	padding: 10px 0;
	text-align: center;
	border: 1px solid #c21b24;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: url(../images/wht_arr.png) no-repeat 380px center #c21b24;
	color: #ffffff;
	font-size: 23px;
	text-align: center;
	line-height: 1.2;
	letter-spacing: 0;
	box-sizing: border-box;
	transition: all 0.3s ease-in-out 0s;
}

.submitbtnAre a.send_btn:hover {
	color: #c21b24;
	background: url(../images/red_arr.png) no-repeat 380px center #faf8f0;
}

/*Pagenation*/
.pagenation {
	margin: 0 0 100px;
	text-align: center;
}

.pagenation:after,
.pagenation ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.pagenation ul {
	margin: 0;
}

.pagenation li {
	/*float: left;*/
	display: inline-block;
	width: 30px;
	list-style: none outside none;
	/*margin-left: 3px;*/
}

.pagenation li:first-child {
	margin-left: 0;
}

.pagenation li.active {
	background-color: #c21b24;
	color: #faf8f0;
	cursor: not-allowed;
	width: 30px;
	padding: 6px 0;
	font-size: 18px;
	text-align: center;
	line-height: 20px;
}

.pagenation li a {
	color: #c21b24;
	display: inline-block;
	border: 1px solid #c21b24;
	width: 30px;
	padding: 6px 0;
	font-size: 18px;
	text-align: center;
	line-height: 18px;
	letter-spacing: 0;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.pagenation li a:hover {
	background-color: #c21b24;
	color: #faf8f0;
	opacity: 0.8;
	transition-duration: 500ms;
	transition-property: all;
	transition-timing-function: ease;
}

.pagenation li.prev,
.pagenation li.next {
	border: 1px solid #c21b24;
}

.pagenation li.prev a {
	background: url(../images/arr_prev.png) no-repeat center;
}

.pagenation li.next a {
	display: inline-block;
	border: 1px solid #c21b24;
	width: 30px;
	text-indent: -99999px;
	background: url(../images/arr_next.png) no-repeat center;
}

/* 20161119追記 */
.recoMenu {
	font-size: 18px;
}

/* マクロビ弁当 */
/* -------------------------------------------------- */
header {
	position: relative;
}

#headerTxt {
	position: absolute;
	left: 30px;
	top: 10px;
	font-size: 10px;
	letter-spacing: normal;
}

.macrobiBento {
	background: url(../images/bento_mv.jpg) no-repeat center 0;
	background-size: cover;
	position: relative;
}

.macrobiBento.pageTtl {
	padding: 80px 0 0;
}

#mbMainTxt {
	line-height: 1.5;
}

#snsHeaderBtn {
	width: 212px;
	height: 212px;
	margin: 0 0 0 450px;
	position: absolute;
	top: 250px;
	left: 50%;
	background: url(../images/mv_sns.png) 0 0 no-repeat;
}

#snsHeaderBtn ul {
	padding-top: 125px;
}

#snsHeaderBtn li {
	display: inline-block;
	vertical-align: top;
}

#macrobiBento1 {
	width: 1080px;
	margin: 0 auto 120px;
	position: relative;
}

/*
#bentoAnno {
	position: absolute;
	top: 10px;
	right: 0;
	text-align: left;
	font-size: 12px;
}
*/

#bentoMenuTit {
	padding-bottom: 15px;
	margin-top: 20px;
}

/*
#bentoMenu {
	padding: 40px;
	background: #ede5da;
}
*/

/*
.bentoTit {
	padding-bottom: 20px;
	text-align: left;
}

.bentoTit span {
	padding-left: 20px;
}
*/

#bentoMenuTxt {
	margin-right: -4%;
	letter-spacing: -0.4em;
}

#bentoMenuTxt .num {
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	margin-right: 10px;
	text-align: center;
	border-radius: 15px;
	background: #392d14;
	color: #FFFFFF;
	font-size: 13px;
	vertical-align: top;
}

#bentoMenuTxt .list {
	width: 90%;
	display: inline-block;
	vertical-align: top;
}

#bentoMenuTxt li {
	width: 47%;
	padding: 10px 0;
	margin-right: 2%;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	border-bottom: 1px #686868 dotted;
	font-size: 20px;
}

#macrobiBento2 {
	width: 1080px;
	margin: 0 auto 50px;
	position: relative;
}

.mb2Txt .space {
	padding-top: 1em;
}

#macrobiBento3 {
	width: 100%;
	height: 400px;
	margin: 0 auto 50px;
	position: relative;
}

.iconZoom {
	position: relative;
}

.iconZoom:after {
	content: "";
	height: 38px;
	width: 38px;
	background: url(../images/icon2.png) 0 0 no-repeat;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#macrobiBento3 .sp-previous-arrow {
	cursor: pointer;
	display: block;
	height: 62px;
	position: absolute;
	width: 62px;
	background: url(../images/arr2_prev.png) 0 0 no-repeat;
}

#macrobiBento3 .sp-next-arrow {
	cursor: pointer;
	display: block;
	height: 62px;
	position: absolute;
	width: 62px;
	background: url(../images/arr2_next.png) 0 0 no-repeat;
}

#macrobiBento4 {
	width: 1080px;
	margin: 0 auto 120px;
	position: relative;
}

#mb4Left {
	width: 630px;
	float: left;
}

#mb4Right {
	width: 400px;
	float: right;
}

#bentoPoint {
	padding: 30px 20px;
	background: #FFFFFF;
	border: 1px #59493f solid;
}

#bentoPoint ul {
	padding-bottom: 10px;
	font-weight: bold;
}

#bentoPoint li {
	text-indent: -1em;
	padding-left: 1em;
}


#mb4Txt {
	padding-bottom: 30px;
}

#macrobiBento5 {
	width: 100%;
	height: 590px;
	margin-bottom: 120px;
	position: relative;
	background: url(../images/bento_catering.jpg) 0 0 no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

#catering {
	padding: 50px 30px;
	position: absolute;
	left: 50%;
	top: 65px;
	margin-left: -540px;
	background: rgba(255, 255, 255, 0.8);
}


#mb5Txt {
	width: 360px;
}

#macrobiBento6 {
	width: 1080px;
	padding: 30px;
	margin: 0 auto 120px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px #24160f solid;
}

#mb6Txt {
	padding-bottom: 40px;
}

#gaikan {
	float: left;
	padding-right: 10px;
}

#share {
	width: 173px;
	padding: 10px 0;
	margin-top: 10px;
	background: #FFFFFF;
	text-align: center;
}

#share li {
	display: inline-block;
	margin: 0 2px;
	vertical-align: middle;
}

#share iframe {
	display: block;
}

#mv6Map {
	float: left;
	width: 360px;
	padding-right: 10px;
}

#mv6Map p {
	line-height: 1.2;
	font-size: 13px;
	padding-bottom: 10px;
}

#mv6Campaign {
	float: left;
	width: 400px;
	padding: 15px;
	background: #FFFFFF;
}

#campaignDesc {
	line-height: 1.4;
	padding-bottom: 20px;
}

#mv6Campaign .anno {
	font-size: 12px;
	line-height: 1.2;
}

.bentoTit2 {
	text-align: left;
}

#macrobiBento7 {
	width: 100%;
	margin-bottom: 120px;
	background: #FFFFFF;
}

#bentoContact {
	width: 960px;
	padding: 20px 0;
	margin: 0 auto;
}

#mb7Left {
	padding-top: 15px;
	width: 415px;
	float: left;
}

#mb7Right {
	width: 503px;
	float: right;
}

#macrobiBento8 {
	width: 1080px;
	margin: 0 auto 120px;
}

#faqWrap {
	width: 1080px;
	margin: 0 auto;
}

.faq {
	padding-bottom: 10px;
}

.que {
	padding: 10px 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #a0a0a0;
	line-height: 1.2;
	position: relative;
	cursor: pointer;
}

.ans {
	padding: 10px 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #FFFFFF;
	border-left: 1px solid #a0a0a0;
	border-right: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
	line-height: 1.2;
	position: relative;
}

.que.on {
	background: #fff url(../images/icon3_on.png) 1050px center no-repeat;
}

.que.off {
	background: #fff url(../images/icon3_off.png) 1050px center no-repeat;
}

.que:after {
	content: "";
	width: 15px;
	height: 16px;
	position: absolute;
	top: 12px;
	left: 16px;
	background: url(../images/icon_faq1.png) 0 0 no-repeat;
}

.ans:after {
	content: "";
	width: 15px;
	height: 14px;
	position: absolute;
	top: 12px;
	left: 16px;
	background: url(../images/icon_faq2.png) 0 0 no-repeat;
}

#fixedTel {
	position: absolute;
	top: 740px;
	right: 30px;
}

#bentoCommnet {
	margin-top: 20px;
	font-size: 16px;
	background: #FAF8F0;
	padding: 20px;
	line-height: 1.4;
}

#bentoImg img {
	width: 100%;
	height: auto;
}

#campaignTime {
	color: #BD0A17;
	text-align: right;
}

/*20190205追記*/
#bento1 {
	width: 1080px;
	margin: 0 auto 30px;
}

#bentoTit {
	width: 470px;
	float: left;
}

#bentoPlus {
	padding: 5px 0;
	margin-bottom: 10px;
	text-align: center;
	background: url(../images/bento_bg.jpg) 0 0 repeat;
	color: #FFF;
	font-size: 16px;
}

#bentoAnno {
	font-size: 12px;
	font-weight: bold;
	color: #24160f;
	line-height: 1.3;
}

#bentoMenu {
	width: 580px;
	padding: 15px 19px;
	float: right;
	border: 1px #ccaa96 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #FFF;
}

#menuMain {
	display: inline-block;
	vertical-align: middle;
}

.menuTxt {
	font-size: 24px;
	color: #59493f;
}

#menuMain .menuTxt {
	text-align: center;
}

#menuDesc {
	padding: 10px 35px;
	border: 1px #59493f dotted;
	background: #fbfaf4;
	color: #59493f;
}

#menuMain dt {
	font-weight: bold;
	font-size: 13px;
}

#menuMain dd {
	line-height: 1.2;
	font-size: 13px;
}

#menuSub {
	display: inline-block;
	vertical-align: middle;
	padding-left: 40px;
	background: url(../images/bento_icon2.png) 0 center no-repeat;
}

#menuSub .menuTxt {
	padding-left: 20px;
	background: url(../images/bento_icon1.png) 0 center no-repeat;
}

#slider5 .sp-previous-arrow {
	cursor: pointer;
	display: block;
	height: 40px;
	position: absolute;
	width: 40px;
	background: url(../images/arr2_prev.png) 0 0 no-repeat;
	-webkit-background-size: 40px;
	background-size: 40px;
	left: 20px;
}

#slider5 .sp-next-arrow {
	cursor: pointer;
	display: block;
	height: 40px;
	position: absolute;
	width: 40px;
	background: url(../images/arr2_next.png) 0 0 no-repeat;
	-webkit-background-size: 40px;
	background-size: 40px;
	right: 20px;
}

#slider5 .sp-arrows {
	margin-top: -20px;
}

#bento2 {
	padding-bottom: 80px;
}

#bento3 {
	width: 1080px;
	padding: 40px 50px;
	margin: 0 auto 80px;
	background: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#bentoOrder {
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: 1px #362e2b dotted;
}

#bentoOrderIn {}

#order {
	width: 503px;
	float: right;
	color: #24160f;
	font-size: 15px;
	line-height: 1.2;
}

#bento3 .bentoTit2 {
	padding-bottom: 15px;
}

#orderDesc {
	width: 415px;
	float: left;
}

#aboutRotacafe .bentoTit {
	padding-bottom: 10px;
}

#shopInfo {
	width: 533px;
	float: left;
	color: #24160f;
}

#mapTxt {
	letter-spacing: normal;
	font-size: 12px;
}

#aboutRotacafe #shopInfoTxt {
	width: 420px;
	float: right;
	letter-spacing: normal;
}

#bento4 {
	width: 1080px;
	margin: 0 auto 80px;
}

.bentoTit {
	padding-bottom: 15px;
}

/* 20200621追記 */
/* 弁当 */
/* --- */
.orderAttention {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#attentionTxtBg {
	width: 100%;
	height: 400px;
	background-color: #fff;
	padding: 116px 30px;
	box-sizing: border-box;
}

#storeOnly {
	margin-bottom: 60px;
}

#aboutRotacafeIn {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#menue {
	margin-bottom: 60px;
}

.menueItem {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 400px;
	margin-bottom: 30px;
	background-color: #fff;
}

#menueImage1 {
	width: 600px;
	height: 100%;
	background: #fff url(../images/bento_menue2.jpg) 0 0 no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-background-position: center;
	background-position: right;
}

#menueImage2 {
	width: 600px;
	height: 100%;
	background: #fff url(../images/bento_menue3.jpg) 0 0 no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-background-position: center;
	background-position: right;
}

#menueImage3 {
	width: 600px;
	height: 100%;
	background: #fff url(../images/bento_menue4.jpg) 0 0 no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-background-position: center;
	background-position: right;
}


.menueImage1 img {
	width: 100%;
	height: 100%;
}

.menueTxt {
	width: 50%;
	height: 100%;
	padding: 25px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	box-sizing: border-box;
	letter-spacing: 1.4px;
}

.bentoMenu2 {
	padding: 15px 55px;
	margin-bottom: 10px;
	text-align: left;
	border: 1px #eeeeee solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #FFF;
}

#selected {
	padding: 15px 90px;
}

.menueTit {
	margin-bottom: 12px;
}

.menuDesc2 {
	padding: 10px 0;
	margin-bottom: 8px;
	border: 1px #59493f dotted;
	background: #fbfaf4;
	color: #59493f;

}

.boldTxt {
	font-weight: bold;
}

.announce {
	color: #c21b24;
	font-size: 14px;
	text-align: left;
	line-height: 1.2;
}

.storeOnlyImg {
	width: 50%;
	height: 400px;
}

.bentoRead {
	display: block;
	margin: 20px 0;
}

#attentionTxt {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.8px;

}

#attentionTxt span {
	color: #c21b24;
	text-decoration: underline;
}

#reserve {
	margin-bottom: 100px;
}

#reserve .orderAttention {
	padding: 45px 50px;
	background-color: #fff;
}

#reserveImg {
	margin-bottom: 20px;
}

#reserveTxt {
	font-size: 15px;
	color: #24160f;
	letter-spacing: -0.3px;
}

.reserveItem {
	width: 500px;
}
