@charset "UTF-8";

body{
	-webkit-text-size-adjust:100% !important; /* landscape時文字サイズ */
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*Responsive[Tablet]
------------------------------------------------------------------------------*/
@media screen and (max-width:1024px){

body	{font-family:'Lucida Grande', "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; word-break: break-all;}

/*------------------------------------------------------------------------------
common
------------------------------------------------------------------------------*/

img{max-width:100%; height:auto; float:none;}
.tel-link{text-decoration:underline;}

input[type="submit"],
input[type="button"]{
	-webkit-appearance:none;
	width: 100%;
	margin:10px 0 !important;
}
input[type="text"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="time"],
input[type="number"],
input[type="datetime"],
input[type="month"],
input[type="week"],
input[type="date"],
input[type="time"],
select,
textarea{
	-webkit-appearance:none;
	font-size:17px;
	width:100%;
	padding:0.3em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
select{background:#fff;}



}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*Responsive[SmartPhone]
------------------------------------------------------------------------------*/
@media screen and (max-width:667px),
only screen and (max-width:480px) and (orientation:portrait) {

body		{color:#A1A196; font-size:12px; line-height:1.6; font-family:'Lucida Grande', "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; word-break: break-all;}

/*header,footer,container
------------------------------------------------------------------------------*/
#HeaderNavi					{width:100%; height:auto; min-height:61px; background:#10100F url('/img/header/dotline.png') left 60px repeat-x;}
#HeaderNavi .HeaderContainer{width:auto; margin:0 auto;}
#HeaderNavi .logo			{float:left; margin:0 10px;}
#HeaderNavi .logo a			{background-position:0px -4px; height:60px;}

#HeaderNavi .spmenu			{display:block; float:right; padding:15px 10px 0 0; width:40px; height:40px; background:url('/img/header/icon_menu.png') center center no-repeat; background-size:40px 40px;}
#HeaderNavi .spmenu span	{display:none;}
#HeaderNavi .spmenu.close	{background:url('/img/header/icon_menu_x.png') center center no-repeat; background-size:40px 40px;}

#HeaderNavi ul				{display:none; width:100%; padding-top:1px; clear:both; position:absolute; left:0; top:61px; z-index:9999; background:#10100F; box-shadow: 0px 20px 10px rgba(0,0,0,0.7); -webkit-box-shadow: 0px 20px 10px rgba(0,0,0,0.7); -moz-box-shadow: 0px 20px 10px rgba(0,0,0,0.7);}
#HeaderNavi ul li			{float:none; text-align:center; border-bottom:1px solid #2F2F2F; font-size:14px;}

#HeaderNavi ul li a			{display:block; width:auto; height:auto; padding:15px 0; background:transparent; border:none; text-decoration:none;}
#HeaderNavi ul li a:hover	{background:#2F2F2F;}
#HeaderNavi ul li a span	{display:block;}

#container									{margin:0 auto; width:auto;}
#contentsContainer							{width:auto;}
.box846										{width:auto; padding:20px; font-size:15px;}

#footer										{padding:60px 10px 30px; height:190px;}
#footer .footermenu							{font-size:14px;}
#footer .footermenu a						{margin:0;}

/* Walk
--------------------------------------------------------------- */
#walked										{display:none;}
#pageTitle									{width:auto;}

/*home
------------------------------------------------------------------------------*/
#home .mainImg								{height:auto; border:none; margin:30px auto;}
#home .mainImg .PhotoContainer				{position:static; width:auto; margin:0 auto;}
#home .mainImg .PhotoContainer .area,
#home .mainImg .PhotoContainer .sideLeft,
#home .mainImg .PhotoContainer .sideRight	{display:none;}

#home .PhotoContainer .catchcopy			{background:none; width:auto; height:auto; position:static; left:auto; top:auto; padding:0 20px;}
#home .PhotoContainer .catchcopy h2			{display:block; color:#fff; margin:0 0 10px 0;}
#home .PhotoContainer .catchcopy p			{display:block; color:#ABABAB; font-size:15px;}
#home .catchcopy_mgn						{height:auto;}

#containerTop								{margin:0 auto; width:auto; padding:0 10px;}

#home .ShopContainer						{width:auto; padding:5px; float:none; margin:0 0 5px 0;}
#home .ShopContainer img.ShopThumb			{width:100%; height:auto;}
#home .ShopContainer h3						{font-size:15px;}
#home .ShopContainer h4						{font-size:12px;}
#home .ShopContainer p						{font-size:12px;}
#home .ShopContainer em						{font:normal 11px 'Arial',sans-serif; position:absolute; right:10px; bottom:29px; top:auto;}


/* access
--------------------------------------------------------------- */
#access #contentsContainer					{}
#access iframe								{width:90%; height:360px; margin:0 5%;}
#access .accesstxt							{width:auto; padding:20px;}
#access .accesstxt span						{display:block; font-size:15px;}

/* shoplist
--------------------------------------------------------------- */
#guide #pageTitle							{display:none;}
#guide .subtitle							{margin:0;}

.floormap									{display:none;}

#shoplist									{width:auto; padding:0 10px;}
#shoplist table								{width:100%; margin:0 auto;}
#shoplist table th							{width:76px; display:block;}
#shoplist table td							{width:100%; padding:0 0 76px 0; display:block;}
#shoplist .shopContainer					{float:none; display:block;}
#shoplist .shopContainer a					{width:100%; height:76px;}
#shoplist .shopContainer span				{padding:3px 0 0 0;}
#shoplist .shopContainer h3					{color:#A1A196; font-size:12px; margin-bottom:0;}
#shoplist .shopContainer p					{color:#A1A196; font-size:12px;}


/* shop
--------------------------------------------------------------- */

.centerContainer2 .mainphoto				{width:auto; float:none;}
.centerContainer2 .mainphoto img			{width:100%;}

.titleBottom								{padding:20px 10px 20px 10px; width:auto; height:auto;}
.titleBottom:after							{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}

body#shop #container #contentsContainer #titleGrid h2{font-size:26px; font-weight:bold; line-height:1; letter-spacing:0;}

.info1										{margin:0;}
.info1:after								{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}

.textBox									{float:none; padding:20px 10px; width:auto; height:auto;}
.textBox p									{color:#A1A196; font-size:14px; line-height:1.5; margin:0 0 20px 0;}
.textBox a									{display:block; text-align:center;}
.textBox a img								{width:100%;}

#shop #contentsContainer .fleft:nth-of-type(1){width:59.5%;}
#shop #contentsContainer .fleft:nth-of-type(2){width:39.5%;}
#shop #contentsContainer .fleft:nth-of-type(3){width:100%;}
#shop #contentsContainer .fleft img			{width:100%;}

/* gourmet
--------------------------------------------------------------- */
#gourmet h2									{padding:0 0 20px 0; text-align:center;}

#gourmet .ShopContainer						{float:none; position:relative; margin:0 0 5px 0;}
#gourmet .ShopContainer .ShopThumb			{width:auto; height:auto;}





}