@charfset 'utf-8';

/*-----------------------------
　　スタイル調整用
------------------------------*/
.mt_-100 {
	margin-top: -100px !important;
}
.mt_0 {
	margin-top: 0 !important;
}
.mt_10 {
	margin-top: 10.0px !important;
}
.mt_20 {
	margin-top: 20.0px !important;
}
.mt_30 {
	margin-top: 30.0px !important;
}
.mb_0 {
	margin-bottom: 0px !important;
}
.mb_30 {
	margin-bottom: 30px !important;
}
.pt_10 {
	padding-top: 10px !important;
}
.only_sp{
	display: none;
}
ol, ul {
	list-style: none;
	margin: 0;
}
body {
	width: 100%;
	height: 100%;
	font-size: 14px;
	position: relative;
	background: url(../img/background.jpg);
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
#header{
	margin: auto;
}
#wrapper {
	width: 1200px;
	margin: 0 auto;
	text-align: left;
	margin-top: 40px;
	background: url(../img/bg_leaf.png);
}
/*-----------------------------
	ディスプレイサイズ(幅)：1200px以下対応.
------------------------------*/
@media only screen and (max-width: 1200.0px) {
	#wrapper {
		width: 1024px;
		text-align: left;
		background-size: 1024px;
		background-size: auto;
		background-position-x: -90px;
	}
}
/*-----------------------------
　　カミングスーン専用css
------------------------------*/
.ComingSoon_box{
	padding: 80px 0 20px 0;
	background-color: #ffffff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	height: 120px;
	text-align: center;
}

.ComingSoon_box span{
	height: 200px;
	vertical-align: middle;
	font-size: 30px;
	font-weight: bold;
}
/*-----------------------------
　　ページ内スクロールナビ
------------------------------*/
#globalNavi{
	position: relative;
	width: 100%;
	z-index: 991;
	background-color: #2c5341;
}
#globalNavi.fixed{
	position: fixed;
}
.nav_box{
	width: 980px;
	height: 108px;
	display: block;
	margin: 0;
	text-align: center;
}
.nav_box ul li a:hover {
	opacity: 0.8 ;
}
.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}
#globalNavi #menu-box {
	position: relative;
	text-align: right;
}
#globalNavi .nav_box{
	display: table;
	margin: auto;
	height: auto;
}
#globalNavi .logo_box{
	display: table-cell;
	padding: 10px 14px;
/*	background-color: #f6f7f8;*/
}
#globalNavi .logo_box img{
	width: 70px;
}
.renga_logo_box{
	text-align: center;
}
.renga_logo_box img{
	width: 200px;
}
.menu_contents{
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px;
}
#menu_sns_box{
	text-align: right;
	border-bottom: 1px solid #fff;
}
#menu_sns_box ol,
#menu_sns_box ul{
	margin-top: -40px;
}
#menu_sns li {
	display: inline-block;
}
#menu_sns li img{
	width: 34px;
}
#menu{
	width: 1024px;
	margin: 0 auto;
	padding: 0;
	padding-bottom: 4px;
	display: table-cell;
}
#menu li {
	display: inline-block;
	width: 120px;
	vertical-align: top;
}

#menu li:last-child{
	display: none;
}

#menu li a {
	text-decoration: none;
	display: block;
}
#menu li p {
	display: table;
	table-layout: fixed;
	width: 100%;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0;
}
#menu li span {
	display: table-cell;
	height: 36px;
	background: #fff;
	vertical-align: middle;
	color: #2c5341;
	font-size: 0.7em;
	/* border: 1.5px solid #f08c17; */
	border-radius: 18px;
	background-color: #f6f7f8;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 1px;
}
#toggle{
	display: none;
}
@media only screen and (max-width: 1024.0px) {
	#globalNavi{
		position: relative;
		width: 1026px;
		z-index: 991;
	}
}
.accent_border{
	width: 100%;
}
.accent_border .green{
	display: block;
	height: 22px;
	background: url(../img/teaser_border.jpg);
	-webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777;
}
/*-----------------------------
	ディスプレイサイズ(幅)：1024px以下対応.
------------------------------*/
@media only screen and (max-width: 1024.0px) {
	.accent_border {
		width: 1024px;
	}
}
/*-----------------------------
　　メインビジュアル
------------------------------*/
h1 {
	margin: 0;
}
.main {
	background: url(../img/main_visual_pc.png) center no-repeat;
	height: 700px;
	width: 100%;
}
@media only screen and (max-width: 1024.0px) {
	.main {
		background: url(../img/main_visual_pc.png) center no-repeat;
		height: 700px;
		width: 1024px;
	}
}
/*-----------------------------
　　コンテンツ背景：
------------------------------*/
.section{
	width: 920px;
	padding-top: 90px;
	padding-bottom: 40px;
	margin: 0 auto;
	margin-bottom: 40px;
	position: relative;
	background-color: #721b11;
	-webkit-box-shadow: 5px 5px 20px -10px rgba(0,0,0,1);
	-moz-box-shadow: 5px 5px 20px -10px rgba(0,0,0,1);
	box-shadow: 5px 5px 20px -10px rgba(0,0,0,1);
	padding-left: 20px;
	padding-right: 20px;
}

.contents_box{
	margin-top: 40px;
	text-align: center;
}

/*-----------------------------
　　コンテンツタイトル:h2
------------------------------*/

h2.sectionTitle {
	background: url(../img/category_titleback.png) no-repeat;
	width: 100%;
	height: 73px;
	position: absolute;
	top: -10px;
	left: -10px;
	color: #fff;
	font-size: 21px;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 18px;
}
/*-----------------------------
　　ミニタイトル:h3
------------------------------*/
.title{
	width: 100.0%;
	display: table;
	height: auto;
	border-bottom: 4px solid #2f5644;
	border-top: 4px solid #29503e;
	padding: 4px 0;
}
.title img {
	width: auto;
	display: table-cell;
	padding-bottom: 6px;
}
.title h3 {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	padding:0;
	height: 50px;
}
/*-----------------------------
　　　TOPバックボタン
------------------------------*/
.top_bac {
	top: 78%;
	position: fixed;
	z-index: 2;
	left: 80%;
}
/*-----------------------------
　　　イベントについて
------------------------------*/
.event_box {
	width: auto;
	background-color: #fff;
	padding: 40px;
	border-radius: 10px;
}
.event_box p{
	line-height: 24px;
	font-weight: bold;
	font-size: 12px;
}
.event_box .event_box_contents{
	margin-bottom: 40px;
}
.event_box .event_box_contents:last-child{
	margin-bottom: 0;
}
.event_box .event_box_contents img{
	width: 100%;
	margin-top: 10px;
}
.event_box .event_box_contents a{
	font-size: 16px;
	font-weight: bolder;
	color: #2f5644;
	text-decoration: none;
}
.event-img{
	text-align: center;
}
.event-img p{
	font-size: 16px;
	margin-top: 4px;
}
.event-img-box .event-img{
	width: auto;
	display: inline-block;
}
.event-img-box .event-img:nth-child(2){
	float: right;
}
/*-----------------------------
　　　会場マップ
------------------------------*/
.area_map img {
	width: 900px;
}
/*-----------------------------
　　　店舗・メニュー
------------------------------*/
.shopName{
	width: 290px;
	margin: 0 auto;
	padding: 0;
}
.shopName p {
	display: table;
	table-layout: fixed;
	width: 246px;
	/* text-align: center; */
	/* margin-top: 0; */
	margin: 0;
	padding-left: 50px;
}
.shopName span {
	display: table-cell;
	height: 60px;
	background: #fff;
	vertical-align: middle;
	color: #ffffff;
	border-radius: 10px;
	background-color: #15503c;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 15px;
}
.section .sectionMenuInner {
	margin: 40px auto auto auto;
}
#chishikiBtn {
	display: block;
	margin: auto;
	margin-bottom: 25px;
	margin-top: -10px;
	cursor: pointer;
}
.menu_area{
	display: inline-block;
	background-color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 10px;
}

.menu_area h3{
	margin: 20px 0;
	border-bottom: 4px solid #2f5644;
	border-top: 4px solid #29503e;
	padding: 10px;
	background-color: #fff0b7;
	color: #15503c;
	height: 30px;
}

.menu_area .title {
	width: 100.0%;
	display: table;
	height: auto;
	border-bottom: none; 
	border-top: none; 
	padding: 4px 0;
	margin-bottom: 20px;
}

.menuArea .contents_box{
	margin-top:0;
	margin-bottom: 40px;
}
.menuArea .contents_box img{
	width: 100%;
}
.noleftMargin {
	margin-left: 0;
}
.menuBox {
	width: 290px;
	height: 504px;
	float: left;
	margin-left: 8px;
	background-color: #fff0b7;
	margin-bottom: 8px;
	box-sizing: border-box;
	position: relative;
	-webkit-box-shadow: 5px 5px 20px -10px rgba(0,0,0,1);
	-moz-box-shadow: 5px 5px 20px -10px rgba(0,0,0,1);
	box-shadow: 5px 5px 20px -10px rgba(0,0,0,1);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-bottom: 20px;
}

.menuBox:last-child{
	margin-top: 20px;
}

.menuBox .menuShopTitle {
	overflow: hidden;
	margin-bottom: 7px;
	background-color: #15503c;
	height: 60px;
	width: 290px;
}
.menuBox .menuShopTitle .menuNumber {
	width: 39px;
	height: 39px;
	overflow: hidden;
	font-size: 19.5px;
	font-weight: bold;
	padding-top: 6px;
	box-sizing: border-box;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	color: #e60012;
	text-align: center;
	float: left;
	margin-right: 8px;
	vertical-align: bottom;
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	margin-left: 6px;
	margin-top: 10px;
}
.menuNumber {
	background-color: #ffea00;
}
/*-------タグ--------*/
.menuBox .tag_box{
	height: 78px;
}

.menuBox .tag_4_box{
	height: 38px;
}

.menuBox .tagArea {
	margin-bottom: 4px;
	padding-left: 16px;
}
.menuBox .tagArea .tag{
	border: solid 1px #ec6941;
	background-color: #fff;
	width: 84px;
	font-size: 10px;
	display: inline-block;
	text-align: center;
	margin-bottom: 0;
}
.menuBox .tagArea .tag p{
	display: table;
	table-layout: fixed;
	width: 86px;
	margin: 0;
}
.menuBox .tagArea .tag span{
	display: table-cell;
	height: 18px;
	vertical-align: middle;
	border-radius: 10px;
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 10px;
}
/*------オススメメニューロゴ--------*/
.recommended {
	position: absolute;
	padding-left: 10px;
}
.recommended_dual {
	position: absolute;
	padding-left: 2px;
}
/*-------商品画像--------*/
.menuBox .itemArea {
	width: 296px;
	margin: auto;
	margin-top: 20px;
	text-align: center;
}
.menuBox .itemArea img:not[class*="only_sp"] {
	display: block;
	margin: auto;
	margin-bottom: 5px;
}
/*-------商品名--------*/
.menuBox .item_neme{
	padding-left: 14px;
	height: 60px;
}
.menuBox .item_neme p{
	font-size: 12px;
}
/*-------値段--------*/
.menuBox .item_price{
	padding-left: 14px;
	height: 20px;
}
.menuBox .item_price p{
	font-size: 14px;
	font-weight: bold;
}
/*-------ドリンク・フード2画面用css--------*/
.dual_menu{
	width: 296px;
	text-align: center;
}
.dual_menu .menu_drink,
.dual_menu .menu_food{
	width: 134px;
	display: inline-block;
	vertical-align: top;
}



.dual_menu .menu_drink .itemArea,
.dual_menu .menu_food .itemArea{
	width: 134px;
	margin: 0;
	margin-top: 20px;
}
.dual_menu .menu_drink .itemArea img:not[class*="only_sp"],
.dual_menu .menu_food .itemArea img:not[class*="only_sp"]{
	display: block;
	margin: auto;
	margin-bottom: 5px;
}
.dual_menu .menu_drink .item_neme ,
.dual_menu .menu_food .item_neme {
	padding-left: 6px;
	height: 60px;
	width: 124px;
}
.dual_menu .menu_drink .item_neme p,
.dual_menu .menu_food .item_neme p{
	text-align: left;
}
.dual_menu .menu_drink .item_price,
.dual_menu .menu_food .item_price{
	padding-left: 6px;
	height: 20px;
	width: 124px;
}
.dual_menu .menu_drink .item_price p,
.dual_menu .menu_food .item_price p{
	text-align: left;
}
/*-------もっと見るbtn--------*/
.menuBtn {
	width: 190px;
	height: 36px;
	margin: 22px auto 10px auto;
	padding: 0;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: solid 2px #ff4800;
	position: relative;
	background-color: #fff;
	cursor: pointer;
}
.menuBtn p{
	display: table;
	table-layout: fixed;
	width: 190px;
	text-align: center;
	margin: 0;
}
.menuBtn span{
	display: table-cell;
	vertical-align: middle;
	border-radius: 10px;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 14px;
	height: 36px;
	width: 190px;
	color: #ff4800;
}
.menuBtn .fa {
	position: absolute;
	right: 0;
	top: 0;
	padding-top: 4px;
	padding-right: 4px;
}


/*-----------------------------
	物販店舗
------------------------------*/
.menuBox-wide{
	width: 100%
	height: auto;
	float: left;
	margin: 0 8px;
	margin-bottom: 8px;
	box-sizing: border-box;
	position: relative;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-bottom: 20px;
}

.menuBox-wide .menuShopTitle{
	width: 100%;
}

.menuBox-wide .menuNumber {
	background-color: #ffea00;
	width: 39px;
	height: 39px;
	overflow: hidden;
	font-size: 19.5px;
	font-weight: bold;
	padding-top: 5px;
	box-sizing: border-box;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	color: #e60012;
	text-align: center;
	float: left;
	margin-right: 8px;
	vertical-align: bottom;
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	margin-left: 6px;
	margin-top: 10px;
}

.menuBox-wide .shopName{
	float: left;
	width: 100%;
}

.menuBox-wide .shopName p {
	display: table;
	table-layout: fixed;
	width: 246px;
	margin: 0;
	width: 100%;
	padding: 0;
}

.menuBox-wide .shopName span {
	display: table-cell;
	height: 60px;
	background: #fff;
	vertical-align: middle;
	color: #ffffff;
	border-radius: 0;
	background-color: #15503c;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 15px;
	padding-left: 50px;
}

.menuBox-wide-contents{
	text-align: left;
}

.menuBox-wide-contents .radiusLine {
	overflow: hidden;
}

.menuBox-wide-contents .radiusBox {
	background-color: #fff0b7;
	border-radius: 0 0 10px 10px / 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px / 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px / 0 0 10px 10px;
	padding: 10px;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 360px;
	margin-bottom: 20px;
	-webkit-box-shadow: 5px 5px 20px -10px rgba(0,0,0,1);
	-moz-box-shadow: 5px 5px 20px -10px rgba(0,0,0,1);
	box-shadow: 5px 5px 20px -10px rgba(0,0,0,1);
}

.menuBox-wide-contents .radiusBox .radiusPic {
	float: left;
	margin-right: 15px;
}

.menuBox-wide-contents .radiusBox .radiusBoxText {
	float: left;
}


.menuBox-wide-contents .radiusBox .titleArea{
	font-size: 18px;
	font-weight: bold;
	color: #e60012;
	float: left;
	line-height: 24px;
}

.menuBox-wide-contents .radiusBox .descArea {
	padding-left: 10px;
	font-size: 14px;
	line-height: 25px;
	box-sizing: border-box;
	width: 400px;
}

.menuBox-wide-contents .radiusBox .descArea .spec {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
}

.menuBox-wide-contents .radiusBox .descArea .spec_description {
	display: inline-block;
	font-size: 13px;
}


.menuBox-wide-contents .radiusBox .descArea .spec_description span{
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
}

.menuBox-wide-contents .radiusBox .descArea .workshop_btn {
	margin-top: 10px;
	text-align: right;
}

.menuBox-wide-contents .radiusBox .descArea .workshop_btn img{
	width: 160px;
}

/*-------物販タグ--------*/
.menuBox-wide-contents .tag_box{
	height: 28px;
	margin-bottom: 20px;
}

.menuBox-wide-contents .tag_4_box{
	height: 38px;
}

.menuBox-wide-contents .tagArea .tag{
	border: solid 1px #ec6941;
	background-color: #fff;
	width: 84px;
	font-size: 10px;
	display: inline-block;
	text-align: center;
	margin-bottom: 0;
}
.menuBox-wide-contents .tagArea .tag p{
	display: table;
	table-layout: fixed;
	width: 86px;
	margin: 0;
}
.menuBox-wide-contents .tagArea .tag span{
	display: table-cell;
	height: 18px;
	vertical-align: middle;
	border-radius: 10px;
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 10px;
}

/*----------------------------
　　　会場内イベント・ワークショップ
------------------------------*/

.worksho-box{
	display: inline-block;
	background-color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 40px 10px;
}

.worksho-box .menuBox-wide {
	margin-bottom: 0px;
}

.worksho-box .menuBox-wide-contents .radiusBox {
	margin-bottom: 0px;
}

.worksho-box .menuBox-wide-contents .radiusBox .descArea .spec_description {
	display: inline-block;
	font-size: 12px;
}

.worksho-box .menuBox-wide-contents .radiusBox .descArea .spec {
	margin-top: 0px;
}

/*----------------------------
　　　アクセス
------------------------------*/
h3{
	font-size: 16px;
	font-weight: bold;
	color: #b6040f;
	padding: 4px 0 0 0;
	margin-top: 0;
	margin-bottom: 0
}
.map{
	padding: 30px 0 20px 0;
	background-color: #ffffff;
	-webkit-box-shadow: 5px 5px 20px -10px rgba(0,0,0,1);
	-moz-box-shadow: 5px 5px 20px -10px rgba(0,0,0,1);
	box-shadow: 5px 5px 20px -10px rgba(0,0,0,1);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.map_illust{
	display: inline-block;
	width: 40%;
	padding-right: 40px;
	vertical-align: top;
	padding-top: 30px;
}
.map_illust img{
	width: 100%;
}
.map_description{
	display: inline-block;
	width: 50%;
	text-align: left;
}
.map .accessLine .accessText p{
	margin-top: 4px;
}
.map .accessLine {
	display: table;
	margin-bottom: 20px;
}
.map .accessMark {
	display: table-cell;
	width: 35px;
	vertical-align: top;
}
.map .accessMark img {
	display: block;
}
/*-----------------------------
　　　イベント概要
------------------------------*/
.event_back{
	background-color: #153124;
	padding: 40px 0;
}
.eventDesc {
	background-color: #fff;
	width: 960px;
	margin: auto;
	overflow: hidden;
	padding-bottom: 23px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.event_back .eventDesc p{
		padding: 0 25px;
		font-size: 14px;
	}


.eventDesc .eventTable {
	width: 910px;
	margin: 38px auto;
	border-top: solid 2px #289c39;
	border-bottom: solid 2px #289c39;
}

.eventDesc .eventTable .eventLine {
	display: table;
	border-bottom: solid 1px #289c39;
	width: 100%;
	line-height: 22px;
}

.eventDesc .eventTable .title {
	font-size: 14px;
	color: #238231;
	padding: 10px 20px;
	display: table-cell;
	width: 100px;
	border: none;
	font-weight: bold;
}

.eventDesc .eventTable .desc {
	font-size: 14px;
	color: #333333;
	padding: 10px 20px;
	display: table-cell;
}

.eventDesc .eventTable .eventNoLine {
	display: table;
	width: 100%;
	line-height: 22px;
}

.rengaLogo {
	display: block;
	margin: 35px auto;
}

/*-----------------------------
　　　フッター:copyright
------------------------------*/

.copyright_box{
	background-color: #2c5341;
}

.copyright_box p {
	margin: 0;
	text-align: center;
	color: #ffffff;
	padding: 20px;
	margin-bottom: 0;
}

/*-----------------------------
　　　モーダル：共通
------------------------------*/
/** modal. */
.modal-wrapper {
	background-color: rgba(0, 0, 0, 0.4);
	box-sizing: border-box;
	display: none;
	left: 0;
	height: 100.0%;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	width: 100.0%;
	z-index: 998;
}
.modal-wrapper .btn-modal-close {
	color: rgba(255, 0, 0, 0.6);
	font-size: 300.0%;
	line-height: 1.0em;
	position: absolute;
	right: 4.0px;
	top: 4.0px;
}
.modal-wrapper .btn-modal-close:hover {
	color: rgba(255, 0, 0, 1.0);
}

/*-----------------------------
　　　モーダル：ビールを楽しむための予備知識コーナー
------------------------------*/
/** modal chishiki corner. */
#chishiki-corner {
	align-items: center;
	background-color: rgb(255, 255, 255);
	bottom: 0;
	border-radius: 8.0px;
	box-shadow: 5.0px 5.0px 20.0px -10.0px rgba(0, 0, 0, 1);
	box-sizing: border-box;
	display: flex;
	height: 900.0px;
	justify-content: center;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 860.0px;
}

/*-----------------------------
　　　モーダル：店舗メニュー
------------------------------*/
/** modal shop menu information. */
#shop-menu-info {
	background-color: rgb(255, 240, 183);
	bottom: 0;
	border-radius: 8.0px;
	box-shadow: 5.0px 5.0px 20.0px -10.0px rgba(0, 0, 0, 1);
	box-sizing: border-box;
	height: 90.0vh;
	left: 0;
	margin: auto;
	max-height: 100.0%;
	padding: 44.0px 8.0px 4.8em 8.0px;
	position: absolute;
	right: 0;
	top: 0;
	width: 900.0px;
}
#shop-menu-info p {
	margin: 0;
}
#shop-menu-info .fa.fa-jpy {
	margin-right: 2.0px;
}
#shop-menu-info .notice {
	box-sizing: border-box;
	left: 0;
	padding: 8.0px;
	position: absolute;
	bottom: 0;
}
#shop-menu-info .notice > p{
	font-size: 92.0%;
}

/** modal shop list. */
#shop-list {
	background-color: rgb(255, 240, 183);
	border-radius: 4.0px;
	box-sizing: border-box;
	height: 100.0%;
	position: relative;
	width: 100.0%;
}

/** modal shop information. */
#shop-list .shop-info {
	box-sizing: border-box;
	height: 100.0%;
	outline: none !important;
	position: relative;
	width: 100.0%;
}
#shop-list .shop-info .shop-name {
	background-color: #2c5341;
	color: #fff;
	font-weight: bold;
	height: 1.6em;
	line-height: 1.6;
	margin: 0 0 8.0px 0;
	padding: 8.0px 0 8.0px 12.0px;
}
#shop-list .shop-info .shop-name span {
	background-color: #ff6049;
	border-radius: 50.0%;
	display: inline-block;
	height: 1.6em;
	line-height: 1.6;
	margin: -4.0px 0.4em 0 0;
	padding: 4.0px;
	text-align: center;
	vertical-align: middle;
	width: 1.6em;
}

/** modal shop pickup menu tab. */
#shop-list .shop-info .shop-menu-tabs {
	border-bottom: 3.0px double rgb(0, 71, 157);
	box-sizing: border-box;
	display: block;
	margin: 0 0 8.0px 0;
	padding: 0;
}
#shop-list .shop-info .shop-menu-tabs .shop-menu-tab {
	background-color: #d3d3d3;
	border-radius: 4.0px 4.0px 0 0;
	box-sizing: border-box;
	color: #888888;
	display: inline-block;
	font-weight: bold;
	height: 2.6em;
	line-height: 2.6;
	margin: 0 4.0px 1.0px 4.0px;
	padding: 0 16.0px;
	text-decoration: none;
}
#shop-list .shop-info .shop-menu-tabs .shop-menu-tab.active {
	background-color: #2c5341;
	color: rgb(255, 255, 255);
	margin-bottom: -1.0px;
	outline: none !important;
	padding-bottom: 1.0px;
}

/** modal shop pickup menu. */
#shop-list .shop-info ul.menu-info {
	box-sizing: border-box;
	display: block;
	font-size: 12.0px;
	height: calc(78.0% - 1.6em - (1.2em * 3 * 0.92) - (8.0px * 2) - 3.0px - (8.0px * 2) - 8.0px - 1.0px);
	letter-spacing: -0.48em;
	list-style: none;
	margin: 0;
	overflow: hidden;
	overflow-y: auto;
	padding: 0;
	position: relative;
	width: 100.0%;
}
#shop-list .shop-info ul.menu-info > li {
	box-sizing: border-box;
	display: inline-block;
	letter-spacing: normal;
	list-style: none;
	padding: 0 4.0px;
	vertical-align: top;
	width: 25.0%;
}
#shop-list .shop-info ul.menu-info > li:nth-of-type(1) {
	padding-left: 0;
}
#shop-list .shop-info ul.menu-info > li:nth-of-type(4n) {
	padding-right: 0;
}
#shop-list .shop-info ul.menu-info > li:nth-of-type(n+5) {
	display: none;
}
#shop-list .shop-info ul.menu-info > li > p {
	margin-bottom: 0.4em;
}
#shop-list .shop-info ul.menu-info > li .menu-photo {
	margin: 0;
	overflow: hidden;
	padding: 0;
	text-align: center;
}
#shop-list .shop-info ul.menu-info > li .menu-photo img {
	margin: 0;
	max-height: 120.0px;
	padding: 0;
	vertical-align: middle;
	max-width: 212.0px;
}
#shop-list .shop-info ul.menu-info > li .menu-name {
	line-height: 1.4em;
	font-weight: bold;
	padding: 4.0px 0;
}
#shop-list .shop-info.shop01 ul.menu-info > li .menu-name,
#shop-list .shop-info.shop03 ul.menu-info > li .menu-name,
#shop-list .shop-info.shop05 ul.menu-info > li .menu-name,
#shop-list .shop-info.shop06 ul.menu-info > li .menu-name,
#shop-list .shop-info.shop07 ul.menu-info > li .menu-name,
#shop-list .shop-info.shop08 ul.menu-info > li .menu-name,
#shop-list .shop-info.shop10 ul.menu-info > li .menu-name,
#shop-list .shop-info.shop12 ul.menu-info > li .menu-name,
#shop-list .shop-info.shop15 ul.menu-info > li .menu-name,
#shop-list .shop-info.shop16 ul.menu-info > li .menu-name {
	min-height: 2.8em;
}
#shop-list .shop-info.shop09 ul.menu-info > li .menu-name,
#shop-list .shop-info.shop13 ul.menu-info > li .menu-name,
#shop-list .shop-info.shop17 ul.menu-info > li .menu-name {
	min-height: 4.2em;
}
#shop-list .shop-info ul.menu-info > li .menu-price {
	line-height: 1.48;
}
#shop-list .shop-info ul.menu-info > li .menu-description {
	font-size: 96.0%;
	line-height: 1.48;
}

/** modal shop menu list. */
#shop-list .shop-info dl.menu-list {
	background-color: rgb(255, 255, 255);
	box-sizing: border-box;
	height: 22.0%;
	margin: 0;
	overflow: hidden;
	overflow-y: auto;
	padding: 0;
	position: relative;
	width: 100.0%;
}
#shop-list .shop-info dl.menu-list dt,
#shop-list .shop-info dl.menu-list dd {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100.0%;
}
#shop-list .shop-info dl.menu-list dt {
	background-color: #2c5341;
	color: rgb(255, 255, 255);
	font-weight: bold;
	margin-bottom: 8.0px;
}
#shop-list .shop-info dl.menu-list dd + dt {
	margin-top: 8.0px;
}
#shop-list .shop-info dl.menu-list dd {
	line-height: 1.8;
	min-height: 1.8em;
	padding-left: 1.0em;
}
#shop-list .shop-info dl.menu-list dd:nth-of-type(odd) {
	background-color: rgb(244, 239, 239);
}
#shop-list .shop-info dl.menu-list dd > span {
	bottom: 0;
	position: absolute;
	right: 16.0px;
}

/** for slick.js. */
#shop-list .slick-list,
#shop-list .slick-list .slick-track {
	box-sizing: border-box;
	height: 100.0%;
}
#shop-list .slick-list {
	overflow: hidden;
	width: 100.0%;
}

#shop-list .slick-prev {
	height: 60.0px;
	left: -72.0px;
	width: 60.0px;
}
#shop-list .slick-next {
	height: 60.0px;
	right: -72.0px;
	width: 60.0px;
}
#shop-list .slick-prev:before,
#shop-list .slick-next:before {
	font-size: 60.0px;
}

/*-----------------------------
  横浜赤レンガ倉庫ショップ情報
  -----------------------------*/
.easyzoom {
	display: inline-block;
	position: relative;
}
.easyzoom img {
	vertical-align: bottom;
}

.easyzoom .easyzoom-flyout {
	background-color: rgb(113, 27, 17);
}

#yrbw-shop-info-pdf,
#yrbw-shop-info-pdf a,
#yrbw-shop-info-pdf a:hover {
	color: rgb(255, 255, 255);
	font-size: 87.5%;
	text-decoration: none;
}
#yrbw-shop-info-pdf {
	padding-right: 48.0px;
	text-align: right;
	white-space: nowrap;
}

@media only screen and (min-width: 768.0px) {
	/** グッズ＆カツリャー. */
	.goods .radiusLine:nth-of-type(3) .radiusBox:nth-of-type(3) .goods_title .only_sp {
		display: none;
	}
}

@media only screen and (max-width: 1024px){
	.copyright_box {
		width: 1026px;
	}
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	ディスプレイサイズ(幅)：769px以下対応.
	※iPadサイズ以下のタブレットおよびスマホ対応.
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

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

	body {
		margin: 0 auto;
	}

	.only_sp{
		display: block;
	}

	.only_pc{
		display: none !important;
	}


	.accent_border {
		width: auto;
	}

	/*-----------------------------
	　　　TOPバックボタン
	------------------------------*/
	.top_bac img{
		width: 80%;
	}

	/*-----------------------------
	　　ページ内スクロールナビ
	------------------------------*/

	nav{
		display: none;
	}

	h1{
		margin: 0;
		width: 100.0%;
	}

	h1 img{
		width: 100.0%;
	}

	#wrapper {
		width: 100.0%;
		text-align: left;
		background-size: contain;
		background: none;
	}

	#globalNavi{
		width: 100%;
	}

	.nav_box{
		width: 100%;
		height: 54px;
	}

	#menu_sns_box ol,
	#menu_sns_box ul{
		margin-top: 0;
		display: inline-block;
		float: right;
		right: 0;
		padding-right: 10px;
	}

	.renga_logo_box {
		margin-top: 0;
		display: inline-block;
		right: 0;
	}

	.renga_logo_box img {
		width: 120px;
		margin-left: 30%;
		margin-top: 4px;
		z-index: 9997;
	}

	/*-----------------------------
	　　SNS
	------------------------------*/
	#menu_sns_box {
		text-align: center;
		border-bottom: none;
		position: absolute;
		right: auto;
		padding-top: 6px;
		z-index: 999;
		width: 100%;
	}

	#menu_sns li img {
		width: 40px;
	}

	/*-----------------------------
	　　ハンバーガーメニュー
	------------------------------*/

	#globalNavi .flag .black,
	#globalNavi .flag .red,
	#globalNavi .flag .yellow{
		height: 4px;
	}

	#menu{
		display: none;
		margin-top: 0;
		position: absolute;
		z-index: 992;
		background-color: #2c5341;
		width: 100%;
		padding-bottom: 80px;
		overflow-y: scroll;
		height: 100vh;
		box-sizing: border-box;
	}

	.menu_contents {
		display: table-cell;
		vertical-align: middle;
		padding-left: 0;
	}

	#menu-box {
		position: relative;
		height: 54px;
	}

	#menu li{
		width: auto;
		margin-right: 0;
		height: auto;
		padding: 0 10px;
	}

	#menu li img{
		width:200px;
	}

	#menu li:last-child{
		display: inline-block;
	}

	#menu li a{
		font-size: 0.9em;
	}

	#menu-box #toggle img{
		width: 6em;
		padding-top: 2px;
	}

	#toggle{
		display: block;
		position: relative;
		width: 100%;
		height: 54px;
	}

	#toggle a{
		display: block;
		position: relative;
		text-align: center;
		text-decoration: none;
	}

	#toggle:before{
		display: block;
		content: "";
		position: absolute;
		top: 24px;
		left: 10px;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		background: #ffffff;
		z-index: 9998;
		padding: 4px;
	}

	#toggle a:before,
	#toggle a:after{
		display: block;
		content: "";
		position: absolute;
		top: 24px;
		left: 8px;
		width: 30px;
		height: 6px;
		background: #2c5341;
		z-index: 9999;
	}

	#toggle a:before{
		margin-top: -5px;
	}

	#toggle a:after{
		margin-top: 6px;
	}

	#menu li span {
		display: table-cell;
		height: 60px;
		background: #fff;
		vertical-align: middle;
		color: #2c5341;
		font-size: 1.0em;
		/* border: 1px solid #e60012; */
		border-radius: 30px;
		background-color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		letter-spacing: 1px;
	}

	#menuOverlay {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.6);
		display: none;
		position: fixed;
		z-index: 990;
	}

	/*-----------------------------
	　　　メインビジュアル
	------------------------------*/
	h1 {
		margin: 0;
	}

	.main {
		background: none;
		width: 0;
		margin-bottom: 0;
		height: 0;
	}

	.main_sp{
		margin-bottom: -20px;
	}

	/*-----------------------------
	　　コンテンツ全体width指定
	------------------------------*/
	#contents{
		width: 100.0%;
	}

	/*-----------------------------
	　　コンテンツ
	------------------------------*/
	.section{
		width: auto;
		padding: 10px 6px;
		margin: 0 10px 30px 10px;
		border: 1px solid #dedede;
	}

	.section img{
		width: 100%;
		padding: 0;
	}

	.contents_box{
		margin-top: 20px;
	}

	.movie_box{
		margin-top: 20px;
		padding: 10px;
		width: auto;
	}

	.youtube{
		position: relative;
		width: 100%;
		padding-top: 56.25%;
	}

	.youtube iframe{
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}

	/*-----------------------------
	　　コンテンツタイトル:h2
	------------------------------*/

	h2.sectionTitle {
		background: none;
		background-color: #29503e;
		width: 100%;
		height: auto;
		position: static;
		top: -10px;
		left: 0;
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		border-top: 4px solid #000;
		padding-left: 0;
		padding-top: 0;
		padding-left: 10px;
		padding-right: 10px;
		margin: 0;
		margin-left: -10px;
		margin-bottom: 6px;
	}

	/*-----------------------------
	　　　イベント
	------------------------------*/

	.event_box {
		padding: 20px;
	}

	.event_box p {
		line-height: 28px;
		font-size: 14px;
	}

	.event-img-box .event-img{
		width: 100%;
		display: block;
	}

	.event-img-box .event-img:nth-child(2){
		float: none;
	}

	/*-----------------------------
	　　　店舗・メニュー
	------------------------------*/

/*	.menuArea{
		padding: 10px 4px 20px 4px;
	}*/

	.shopName{
		width: auto;
	}

	.shopName p {
		display: table;
		table-layout: fixed;
		width: auto;
		text-align: center;
		margin: 0;
		padding-left: 30px;
	}

	.shopName span {
		height: 50px;
		font-size: 10px;
		text-align: left;
		line-height: 14px;
	}

	.section .sectionMenuInner {
		margin: 20px auto auto auto;
	}

	#chishikiBtn {
		display: block;
		margin: auto;
		margin-bottom: 25px;
		margin-top: -10px;
		cursor: pointer;
		padding: 10px;
	}

	.menu_area{
		display: inline-block;
		text-align: center;
		width: 100%;
		padding: 0;
	}

	.menuBox:last-child{
		margin:20px 0;
		float: left;
		margin-left: calc(2.0% - 3.0px);
		padding-bottom: 20px;
	}

	.menu_area .title {
		padding-top: 20px;
	}

	.menuArea .contents_box{
		margin-top:0;
		margin-bottom: 20px;
	}

	.noleftMargin {
		margin-left: 0;
	}

	.menuBox {
		width: 48.0%;
		display: inline-block;
		float: none;
		height: auto;
		margin-left: 0;
		background-color: #fff0b7;
		margin-bottom: 8px;
		box-sizing: border-box;
		position: relative;
		margin:0;
		text-align: left;
		vertical-align: top;
	}
	.menuBox:nth-of-type(n+3) {
		margin-top: 14.0px;
	}
	.menuBox:nth-of-type(3) {
		float: left;
		margin-left: calc(2.0% - 3.0px);
	}
	.menuBox .menuShopTitle {
		overflow: hidden;
		height: 56px;
		width: auto;
	}
	.menuBox .menuShopTitle .menuNumber {
		width: 20px;
		height: 20px;
		overflow: hidden;
		font-size: 12px;
		font-weight: bold;
		padding-top: 0;
		-moz-border-radius: 20px;
		margin-left: 6px;
		margin-top: 15px;
	}
	/*-------タグ--------*/
	.menuBox .tagArea .tag p{
		display: table;
		table-layout: fixed;
		width: 100%;
		margin: 0;
	}
	.menuBox .tagArea .tag span{
		display: table-cell;
		height: 28px;
		vertical-align: middle;
		border-radius: 10px;
		text-decoration: none;
		letter-spacing: 1px;
		font-size: 10px;
		line-height: 12px;
	}
	.menuBox .tag_box{
		height: auto;
	}
	.menuBox:nth-of-type(1) .tag_box,
	.menuBox:nth-of-type(2) .tag_box {
		height: 140px;
	}
	.menuBox:nth-of-type(3) .tag_box,
	.menuBox:nth-of-type(4) .tag_box {
		height: 70px;
	}
	.menuBox:nth-of-type(5) .tag_box,
	.menuBox:nth-of-type(6) .tag_box {
		height: 35px;
	}
	.menuBox .tagArea {
		padding:0 6px;
		text-align: center;
	}
	.menuBox .tagArea .tag{
		width: 46%;
		font-size: 10px;
		line-height: 14px;
		height: 28px;
		margin-bottom: 4px;
	}
	.menuBox .tagArea .tag:nth-child(odd){
		float: left;
	}

	.menuBox .tagArea .tag:nth-of-type(2n){
		float: right
	}

	/*-------物販タグ--------*/
	.menuBox-wide-contents .tagArea .tag p{
		display: table;
		table-layout: fixed;
		width: 100%;
		margin: 0;
	}
	.menuBox-wide-contents .tagArea .tag span{
		display: table-cell;
		height: 28px;
		vertical-align: middle;
		border-radius: 10px;
		text-decoration: none;
		letter-spacing: 1px;
		font-size: 10px;
		line-height: 12px;
	}

	/*------オススメメニューロゴ--------*/

	.recommended {
		padding-left: 2px;
	}

	.recommended_dual {
		position: absolute;
		padding-left: 2px;
	}

	.recommended img,
	.recommended_dual img{
		width: 80%;
	}

	/*-------商品画像--------*/

	.menuBox .itemArea {
		width: auto;
		margin: 0;
		padding: 0 6px;
	}

	.menuBox .itemArea img {
		display: block;
		margin: auto;
		margin-bottom: 5px;
	}

	/*-------商品名--------*/

	.menuBox .item_neme{
		padding-left: 0.4em;
		height: 40px;
	}

	.menuBox .item_neme p{
		line-height: 1.4em;
		font-size: 12px;
	}

	/*-------値段--------*/

	.menuBox .item_price{
		padding-left: 14px;
		height: 20px;
	}

	.menuBox .item_price p{
		font-size: 14px;
		font-weight: bold;
	}

	/*-------ドリンク・フード2画面用css--------*/
	.dual_menu{
		width: auto;
	}

	.dual_menu .menu_drink,
	.dual_menu .menu_food{
		width: 100%;
	}

	.dual_menu .menu_drink .itemArea,
	.dual_menu .menu_food .itemArea{
		width: auto;
		margin-top: 0;
	}

	.dual_menu .menu_drink .itemArea img,
	.dual_menu .menu_food .itemArea img{
		display: block;
		margin: auto;
		margin-bottom: 5px;
	}


	.dual_menu .menu_drink .item_neme ,
	.dual_menu .menu_food .item_neme {
		padding-left: 6px;
		height: 70px;
		width: auto;
	}

	.menuBox:nth-of-type(1) .item_neme,
	.menuBox:nth-of-type(2) .item_neme{
		height: 32px;
	}

	.menuBox:nth-of-type(3) .item_neme,
	.menuBox:nth-of-type(4) .item_neme{
		height: 48px;
	}

	.menuBox:nth-of-type(5) .dual_menu .menu_drink .item_neme,
	.menuBox:nth-of-type(5) .dual_menu .menu_food .item_neme,
	.menuBox:nth-of-type(6) .dual_menu .menu_drink .item_neme,
	.menuBox:nth-of-type(6) .dual_menu .menu_food .item_neme,
	.menuBox:nth-of-type(7) .dual_menu .menu_drink .item_neme,
	.menuBox:nth-of-type(7) .dual_menu .menu_food .item_neme,
	.menuBox:nth-of-type(8) .dual_menu .menu_drink .item_neme,
	.menuBox:nth-of-type(8) .dual_menu .menu_food .item_neme{
		height: 32px;
	}

	.menuBox:nth-of-type(9) .dual_menu .menu_drink .item_neme,
	.menuBox:nth-of-type(10) .dual_menu .menu_drink .item_neme{
		height: 48px;
	}

	.menuBox:nth-of-type(9) .dual_menu .menu_food .item_neme,
	.menuBox:nth-of-type(10) .dual_menu .menu_food .item_neme{
		height: 32px;
	}

	.menuBox:nth-of-type(11) .dual_menu .menu_drink .item_neme,
	.menuBox:nth-of-type(11) .dual_menu .menu_food .item_neme,
	.menuBox:nth-of-type(12) .dual_menu .menu_drink .item_neme,
	.menuBox:nth-of-type(12) .dual_menu .menu_food .item_neme,
	.menuBox:nth-of-type(13) .dual_menu .menu_drink .item_neme,
	.menuBox:nth-of-type(13) .dual_menu .menu_food .item_neme,
	.menuBox:nth-of-type(14) .dual_menu .menu_drink .item_neme,
	.menuBox:nth-of-type(14) .dual_menu .menu_food .item_neme,
	.menuBox:nth-of-type(15) .dual_menu .menu_drink .item_neme,
	.menuBox:nth-of-type(15) .dual_menu .menu_food .item_neme,
	.menuBox:nth-of-type(16) .dual_menu .menu_drink .item_neme,
	.menuBox:nth-of-type(16) .dual_menu .menu_food .item_neme{
		height: 32px;
	}

	.menuBox:nth-of-type(17) .dual_menu .menu_drink .item_neme,
	.menuBox:nth-of-type(17) .dual_menu .menu_food .item_neme{
		height: 48px;
	}

	.dual_menu .menu_drink .item_neme p,
	.dual_menu .menu_food .item_neme p{
		text-align: left;
		margin-top: 0;
	}

	.dual_menu .menu_drink .item_price,
	.dual_menu .menu_food .item_price{
		padding-left: 6px;
		/* height: 20px; */
		width: auto;
		margin-bottom: 10px;
	}

	.dual_menu .menu_drink .item_price p,
	.dual_menu .menu_food .item_price p{
		text-align: left;
	}

	/*-------もっと見るbtn--------*/

	.menuBtn {
		width: auto;
		height: 33px;
		margin: 10px 2px;
		padding: 0;
	}

	.menuBox:nth-of-type(9) .menuBtn{
		margin-top: 22px;
	}

	.menuBox:nth-of-type(10) .menuBtn{
		margin-top: 20px;
	}

	.menuBtn p{
		width: 100%;
	}

	.menuBtn span{
		display: table-cell;
		vertical-align: middle;
		border-radius: 10px;
		text-decoration: none;
		font-weight: bold;
		letter-spacing: 1px;
		font-size: 12px;
		height: 36px;
		width: auto;
		color: #ff4800;
		padding-right: 10px;
	}

	.menuBtn .fa {
		position: absolute;
		right: 0;
		top: 0;
		padding-top: 4px;
		padding-right: 4px;
	}

	/*-----------------------------
	　　　アクセス
	------------------------------*/
	h3{
		font-size: 12px;
		padding-left: 50px;
		margin-top: 0;
		margin-bottom: 10px;
	}

	.map{
		padding: 10px;
	}

	.map_illust{
		display: block;
		width: auto;
		padding-right: 0;
		padding-top: 0;
	}

	.map_illust img{
		width: 100%;
	}

	.map_description{
		display: inline-block;
		width: 100%;
		text-align: left;
	}

	.map .accessLine {
		display: block;
		width: auto;
	}

	.map .accessMark {
		display: table-cell;
		width: 35px;
		vertical-align: top;
		float: left;
	}

	.map .accessMark img {
		display: block;
	}

	/*-----------------------------
	　　　会場内イベント・ワークショップ
	------------------------------*/
	.worksho-box {
		padding: 20px 0px;
	}
	/*-----------------------------
	　　　アクセス
	------------------------------*/
	h3{
		font-size: 12px;
		padding-left: 50px;
		margin-top: 0;
		margin-bottom: 10px;
	}

	.map{
		padding: 10px;
	}

	.map_illust{
		display: block;
		width: auto;
		padding-right: 0;
		padding-top: 0;
	}

	.map_illust img{
		width: 100%;
	}

	.map_description{
		display: inline-block;
		width: 100%;
		text-align: left;
	}

	.map .accessLine {
		display: block;
		width: auto;
	}

	.map .accessMark {
		display: table-cell;
		width: 35px;
		vertical-align: top;
		float: left;
	}

	.map .accessMark img {
		display: block;
	}

	/*-----------------------------
	物販店舗
	------------------------------*/

	.menuBox-wide-contents_business p{
		font-size: 16px;
		padding: 10px;
		padding-left: 10px;
	}

	.menuBox-wide-contents_business span{
		padding-left: 10px;
		display: inline-block;
		padding-right: 10px;
		font-size: 14px;
		padding-bottom: 14px;
	}

	.menuBox-wide-contents{
		text-align: left;
	}

	.menuBox-wide-contents .radiusLine {
		overflow: hidden;
	}

	.menuBox-wide-contents .radiusBox {
		padding: 10px;
		overflow: hidden;
		box-sizing: border-box;
		width: 100%;
		height: auto;
	}

	.menuBox-wide-contents .radiusBox .radiusPic {
		float: none;
		margin-right: 15px;
		width: 100%;
	}

	.menuBox-wide-contents .radiusBox .radiusBoxText {
		float: left;
		width: 100%;
	}

	.menuBox-wide-contents .menuBox-wide-contents_title{
		display: inline-block;
		padding-top: 6px;
	}

	.menuBox-wide-contents .radiusBox .descArea {
		padding-left: 0;
		font-size: 12px;
		width: auto;
	}

	.menuBox-wide-contents .radiusBox .descArea .workshop_btn {
		text-align: center;
		margin: 20px 0 10px 0;
	}

	.menuBox-wide-contents .radiusBox .descArea .workshop_btn img{
		width: 20vh;
	}



	/*-----------------------------
	　　グッズ&カルチャー
	------------------------------*/

	.goods .radiusBox {
		background-color: #fff;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border-radius: 7px;
		padding: 10px;
		overflow: hidden;
		width: auto;
		height: auto;
		margin-bottom: 20px;
		-webkit-box-shadow: 5px 5px 20px -10px rgba(0,0,0,1);
		-moz-box-shadow: 5px 5px 20px -10px rgba(0,0,0,1);
		box-shadow: 5px 5px 20px -10px rgba(0,0,0,1);
		display: inline-block;
		vertical-align: top;
		text-align: center;
	}

	.goods .radiusBox:nth-of-type(even){
		margin-left:0;
		}

	.goods .radiusBox .radiusPic {
		margin-right: 0;
		width: 80%;
		float: none;
		text-align: center;
	}

	.goods .radiusBox .radiusBoxText {
		display: inline-block;
		width: auto;
	}

	.goods .radiusBox .titleArea .sectionNumber {
		width: 38px;
		height: 38px;
		font-size: 20px;
		padding-top: 8px;
		box-sizing: border-box;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 22px;
		margin-right: 2px;
	}

	.goods .radiusBox .titleArea{
		font-size: 16px;
		font-weight: bold;
		color: #1e9946;
		line-height: 24px;
		height: 46px;
		margin-bottom: 10px;
		text-align: left;
	}

	.goods .goods_title{
    padding-top: 8px;
	}

	.goods .radiusBox .descArea {
		line-height: 25px;
		box-sizing: border-box;
		width: auto;
	}

	.goods .radiusBox .descArea .spec_title {
		display: inline-block;
		font-size: 15px;
		font-weight: bold;
		width: 100%;
		color: #ffffff;
		background-color: #1e9946;
		padding-left: 0;
		text-align: center;
	}

	.goods .radiusBox .descArea .spec_goods {
		display: inline-block;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 6px;
		width: 100%;
		background-color: #fff0b8;
		padding-left: 0;
/*		text-align: left;*/
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.goods .radiusBox .descArea .spec_description {
		text-align: left;
		margin: 10px 0;
	}

	.goods .radiusLine:nth-of-type(3) .radiusBox:nth-of-type(3) .goods_title {
		margin-top: -4.0px;
		padding-top: 0;
	}

	/*-----------------------------
	　　　イベント概要
	------------------------------*/

	.event_back{
		padding: 10px 10px;
	}

	.eventDesc {
		width: auto;
		padding: 10px;
	}

	.event_back .eventDesc p{
		padding: 10px 10px;
	}

	.eventDesc .eventTable {
		width: auto;
		margin: 16px auto;
	}

	.eventDesc .eventTable .title {
		font-size: 12px;
		padding: 10px;
		display: block;
		width: auto;
		margin-bottom: 0;
	}

	.eventDesc .eventTable .desc {
		font-size: 12px;
		padding: 0 10px 10px 10px;
		display: block;
	}

	.rengaLogo {
		margin: 25px auto;
		width: 20vh;
	}

	/*-----------------------------
	　　　フッター:copyright
	------------------------------*/
	.copyright_box {
		width:auto;
	}

	.copyright_box p {
		padding: 10px;
		font-size: 12px;
	}

	/*-----------------------------
	　　　モーダル：共通
	------------------------------*/
	/** modal. */
	.modal-wrapper .btn-modal-close {
		font-size: 200.0%;
		position: fixed;
		top: 6%;
		z-index: 9999;
		right: 4%;
	}

	/*-----------------------------
	　　　モーダル：ビールを楽しむための予備知識コーナー
	------------------------------*/
	/** modal chishiki corner. */
	#chishiki-corner {
		height: 66.0vh;
		width: 88.0vw;
	}
	#chishiki-corner > img {
		max-height: 96.0%;
		max-width: 96.0%;
	}

	/*-----------------------------
	　　　モーダル：店舗メニュー
	------------------------------*/

	/** modal shop menu information. */
	#shop-menu-info {
		height: auto;
		max-height: 90.0vh;
		min-height: 0;
		overflow-y: auto;
		width: 96.0%;
	}
	#shop-list .shop-info .shop-name {
		height: auto;
		padding-left: 3.2em;
		padding-right: 8.0px;
		position: relative;
	}
	#shop-list .shop-info .shop-name span {
		bottom: 0;
		left: 8.0px;
		margin: auto 0;
		position: absolute;
		top: 0;
	}
	#shop-menu-info .notice {
		box-sizing: border-box;
		font-size: 12.0px;
		padding: 16.0px 0;
		position: relative;
	}

	/** modal shop list. */
	#shop-list {
		height: auto;
	}

	/** modal shop pickup menu tab. */
	#shop-list .shop-info .shop-menu-tabs .shop-menu-tab {
		text-align: center;
		width: 32%;
		margin: 0;
	}

	/** modal shop pickup menu. */
	#shop-list .shop-info ul.menu-info {
		height: auto;
	}
	#shop-list .shop-info ul.menu-info > li {
		display: block;
		min-height: 1.4em;
		padding-top: 32.0px;
		width: 100.0%;
	}
	#shop-list .shop-info ul.menu-info > li + li {
		border-top: 1.0px dotted rgb(0, 71, 157);
		margin-top: 32.0px;
	}
	#shop-list .shop-info ul.menu-info > li .menu-name {
		margin-top: 16.0px;
	}
	#shop-list .shop-info.shop03 ul.menu-info > li .menu-name,
	#shop-list .shop-info.shop05 ul.menu-info > li .menu-name,
	#shop-list .shop-info.shop06 ul.menu-info > li .menu-name,
	#shop-list .shop-info.shop07 ul.menu-info > li .menu-name,
	#shop-list .shop-info.shop08 ul.menu-info > li .menu-name,
	#shop-list .shop-info.shop10 ul.menu-info > li .menu-name,
	#shop-list .shop-info.shop12 ul.menu-info > li .menu-name,
	#shop-list .shop-info.shop13 ul.menu-info > li .menu-name,
	#shop-list .shop-info.shop15 ul.menu-info > li .menu-name,
	#shop-list .shop-info.shop16 ul.menu-info > li .menu-name,
	#shop-list .shop-info.shop09 ul.menu-info > li .menu-name,
	#shop-list .shop-info.shop17 ul.menu-info > li .menu-name {
		min-height: 1.4em;
	}
	#shop-list .shop-info ul.menu-info > li:nth-of-type(5) {
		margin-top: 0;
		border-top: none;
	}

	/** modal shop menu list. */
	#shop-list .shop-info dl.menu-list {
		font-size: 12.0px;
		margin-top: 32.0px;
		height: auto;
	}
	#shop-list .shop-info dl.menu-list dd {
		height: auto;
		padding-left: 8.0px;
		padding-right: 8.0px;
	}
	#shop-list .shop-info dl.menu-list dd > span {
		display: block;
		position: relative;
		right: 0;
		text-align: right;
	}

	/*-----------------------------
	  横浜赤レンガ倉庫ショップ情報
	  -----------------------------*/
	.easyzoom .easyzoom-flyout img {
		width: auto;
	}
	#yrbw-shop-info-pdf {
		padding-right: 0;
		text-align: center;
	}
}