@charset "utf-8";

/*============================
#shopMainArea
============================*/
#shopMainArea { background: url(../../imageFile/shop/shop_decoration.png) no-repeat center top; padding-top: 120px; margin-top: 30px; }
#shopMainArea .shopText { text-align: center; }
#shopMainArea .shopText .shopName { font-size: 1.875em; font-weight: bold; }
#shopMainArea .shopText .shopName h2 {}
#shopMainArea .shopText .shopCopy { display: inline-block; margin-top: 35px; text-align: left; line-height: 1.5;}
#shopMainArea .shopImageWrapper {margin-top: 50px;}
#shopMainArea .shopImageWrapper .mainImage { float: left; width: 590px; height: 413px; text-indent: -9999px; }
#shopMainArea .shopImageWrapper .thumImage { float: right; width: 350px; }
#shopMainArea .shopImageWrapper .thumImage .thum { width: 350px; height: 198px; text-indent: -9999px; }
#shopMainArea .shopImageWrapper .thumImage .thum.thumBottom { margin-top: 17px; }

/*============================
#shopDetailArea
============================*/
#shopDetailArea{}
#shopDetailArea .shopDetailWrapper { margin-top: 70px; }
#shopDetailArea .shopDetailWrapper .md_subTitleBar {}
#shopDetailArea .shopDetailWrapper .data { padding-top: 30px; }
#shopDetailArea .shopDetailWrapper .data table { width: 100%; box-sizing: border-box; }
#shopDetailArea .shopDetailWrapper .data table tr th { width: 220px; padding: 20px; background-color: #faf9f9; border: 1px solid #ddd; box-sizing: border-box; }
#shopDetailArea .shopDetailWrapper .data table tr td { padding: 20px; font-size: 0.875em; border: 1px solid #ddd; line-height: 1.5; }
#shopDetailArea .shopDetailWrapper .ggmap { margin-top: 40px; }
#shopDetailArea .shopDetailWrapper .buttton { text-align: right; margin-top: -3px; }
#shopDetailArea .shopDetailWrapper .buttton a { display: inline-block; padding: 10px 12px; background-color: #ede8e7; font-size: 0.875em; color: #222; }
#shopDetailArea .shopDetailWrapper .buttton a + a { margin-left: 20px; }

/*============================
#shopLimitedMenuArea
============================*/
#shopLimitedMenuArea { margin-top: 70px; }
#shopLimitedMenuArea .md_subTitleBar {}
#shopLimitedMenuArea .limitedMenulist {}
#shopLimitedMenuArea .limitedMenulist ul {}
#shopLimitedMenuArea .limitedMenulist ul li { float: left; width: 465px; padding: 20px 20px 40px; margin-right: 30px; margin-top: 30px; border: 1px solid #ddd; box-sizing: border-box; }
#shopLimitedMenuArea .limitedMenulist ul li .menuImage { float: left; width: 170px; }
#shopLimitedMenuArea .limitedMenulist ul li .menuImage img { width: 170px; height: auto; }
#shopLimitedMenuArea .limitedMenulist ul li .menuText { float: right; width: 235px; }
#shopLimitedMenuArea .limitedMenulist ul li .menuText .menuName { padding: 10px 0; font-weight: bold; font-size: 1.25em; line-height: 1.5; }
#shopLimitedMenuArea .limitedMenulist ul li .menuText .menuPrice {}
#shopLimitedMenuArea .limitedMenulist ul li .menuText .menuPrice .menuTag  { display: inline-block; width: 70px; margin-right: 10px; padding: 5px 0 4px; background-color: #ede8e7; border-radius: 2px; text-align: center; font-size: 0.75em; }
#shopLimitedMenuArea .limitedMenulist ul li .menuText .menuPrice .price { display: inline-block; font-size: 1.25em; position: relative; top: 5px; }
#shopLimitedMenuArea .limitedMenulist ul li .menuText .menuPrice .tax { display: inline-block; font-size:  0.75em; margin-left: 5px; position: relative; top: 3px; }
#shopLimitedMenuArea .limitedMenulist ul li .menuText .menuLimited { margin-top: 10px; }
#shopLimitedMenuArea .limitedMenulist ul li .menuText .menuLimited .menuTag  { display: inline-block; width: 70px; margin-right: 8px; padding: 5px 0 4px; background-color: #ede8e7; border-radius: 2px; text-align: center; font-size: 0.75em; }
#shopLimitedMenuArea .limitedMenulist ul li .menuText .menuLimited .limitedDate { display: inline-block; width: 150px; vertical-align: top; font-size: 0.875em; line-height: 1.5; }
#shopLimitedMenuArea .limitedMenulist ul li .menuText p { padding-top: 10px; font-size:  0.875em;  line-height: 1.5; }
#shopLimitedMenuArea .limitedMenulist ul li:nth-child(2n) { margin-right: 0; }
#shopLimitedMenuArea .shopMenuLink { margin-top: 30px; text-align: right; }
#shopLimitedMenuArea .shopMenuLink p { position: relative; display: inline-block; margin-right: 75px; }
#shopLimitedMenuArea .shopMenuLink p:after { position: absolute; content: ""; top: 50%; right: -60px; width: 50px; border-top: 1px dotted #ccc; }
#shopLimitedMenuArea .shopMenuLink a { display: inline-block; padding: 10px 25px 9px; border-radius: 3px; background-color: #a04e4a; font-size: 14px; color: #fff; }

/*============================
#topicsArea
============================*/
#topicsArea { margin-top: 70px; }
#topicsArea .md_subTitleBar {}
#topicsArea .topicsListArea { margin-top: 30px; }
#topicsArea .topicsListArea ul {}
#topicsArea .topicsListArea ul li { float: left; width: 300px; padding: 20px; margin-right: 30px; margin-bottom: 30px; border:1px solid #ddd; box-sizing: border-box; }
#topicsArea .topicsListArea ul li:nth-child(3n) { margin-right: 0; }
#topicsArea .topicsListArea ul li a { display: block; }
#topicsArea .topicsListArea ul li a .image {}
#topicsArea .topicsListArea ul li a .image img { width: 100%; height: auto; }
#topicsArea .topicsListArea ul li a .info { margin-top: 15px; }
#topicsArea .topicsListArea ul li a .info .tenpoTag { float: left; display: block; width: 110px; text-align: center; padding: 5px 0; background-color: #e5e5e5; font-size: 0.75em; border-radius: 3px; }
#topicsArea .topicsListArea ul li a .info .date { float: right; display: block; width: 90px; margin-top: 5px; color: #aaa; font-size: 0.875em; text-align: right; }
#topicsArea .topicsListArea ul li a .topicsText { display: block; margin-top: 15px;font-size: 0.875em; line-height: 1.5; }