@charset "utf-8";

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

/*============================
.md_subTitleBar
============================*/
.md_subTitleBar { border:none; text-align: left; }
.md_subTitleBar span { padding: 0; text-align: left; line-height: 1.5; font-size: 1em; }
.md_subTitleBar span::before { content: ""; padding: 2px 0 1px 10px; border-left: 3px solid #a1332c; }

/*============================
#shopMainArea
============================*/
#shopMainArea { min-width: inherit; margin: 20px; padding-top: 60px; background-size: auto 40px; }
#shopMainArea .shopText {}
#shopMainArea .shopText .shopName { font-size: 1.25em; }
#shopMainArea .shopText .shopName h2 {}
#shopMainArea .shopText .shopCopy { margin-top: 20px; font-size: 0.875em; width: 100%; }
#shopMainArea .shopImageWrapper { margin-top: 0; }
#shopMainArea .shopImageWrapper .mainImage { width: 100%; background-size: 100% !important; height: 30% !important; padding: 30% 0 !important; }
#shopMainArea .shopImageWrapper .thumImage { width: 100%; }
#shopMainArea .shopImageWrapper .thumImage .thum { float: left; width: 48%; background-size: 100% !important; height: 48% !important; padding: 10% 0 !important; }
#shopMainArea .shopImageWrapper .thumImage .thum.thumBottom { float: right; margin-top: 0; }

/*============================
#shopDetailArea
============================*/
#shopDetailArea { min-width: inherit; margin: 0 20px; }
#shopDetailArea .shopDetailWrapper { margin-top: 30px; }
#shopDetailArea .shopDetailWrapper .md_subTitleBar { }
#shopDetailArea .shopDetailWrapper .data { padding-top: 10px; }
#shopDetailArea .shopDetailWrapper .data table { }
#shopDetailArea .shopDetailWrapper .data table tr th { display: block; width: 100%; padding: 8px; font-size: 0.875em; border-bottom: none; }
#shopDetailArea .shopDetailWrapper .data table tr td { display: block; padding: 16px 8px; font-size: 0.875em; line-height: 1.5;  border-bottom: none; }
#shopDetailArea .shopDetailWrapper .data table tr:last-child td { border: 1px solid #ddd; }
#shopDetailArea .shopDetailWrapper .ggmap { width: 100%; margin-top: 20px; }
#shopDetailArea .shopDetailWrapper .ggmap iframe { width: 100%; }
#shopDetailArea .shopDetailWrapper .buttton {}
#shopDetailArea .shopDetailWrapper .buttton a {}
#shopDetailArea .shopDetailWrapper .buttton a + a { margin-left: 10px; }

/*============================
#shopLimitedMenuArea
============================*/
#shopLimitedMenuArea { min-width: inherit; margin: 40px 20px 0; }
#shopLimitedMenuArea .md_subTitleBar {}
#shopLimitedMenuArea .limitedMenulist {}
#shopLimitedMenuArea .limitedMenulist ul {}
#shopLimitedMenuArea .limitedMenulist ul li { float: inherit; width: inherit; padding: 20px; margin-right: 0; margin-top: 20px; }
#shopLimitedMenuArea .limitedMenulist ul li .menuImage { float: left; width: 30%; }
#shopLimitedMenuArea .limitedMenulist ul li .menuImage img { width: 100%; height: auto; }
#shopLimitedMenuArea .limitedMenulist ul li .menuText { float: right; width: 65%; }
#shopLimitedMenuArea .limitedMenulist ul li .menuText .menuName { padding: 5px 0; font-size: 1em; }
#shopLimitedMenuArea .limitedMenulist ul li .menuText .menuPrice { display: table; }
#shopLimitedMenuArea .limitedMenulist ul li .menuText .menuPrice .menuTag  { display: table-cell; width: 70px; }
#shopLimitedMenuArea .limitedMenulist ul li .menuText .menuPrice .price { font-size: 1em; display: table-cell; width: inherit; padding-left: 10px; }
#shopLimitedMenuArea .limitedMenulist ul li .menuText .menuPrice .tax { display: table-cell; width: inherit; padding-left: 10px; }
#shopLimitedMenuArea .limitedMenulist ul li .menuText .menuLimited { margin-top: 10px; }
#shopLimitedMenuArea .limitedMenulist ul li .menuText .menuLimited .menuTag  { display: table-cell; width: 70px; }
#shopLimitedMenuArea .limitedMenulist ul li .menuText .menuLimited .limitedDate { display: table-cell; width: inherit; padding-left: 10px; }
#shopLimitedMenuArea .limitedMenulist ul li .menuText p { padding-top: 8%; margin-top: 10px; font-size:  0.875em; line-height: 1.5; margin-left: -55%; }
#shopLimitedMenuArea .limitedMenulist ul li:nth-child(2n) { margin-right: 0; }
#shopLimitedMenuArea .limitedMenulist ul li:first-child { margin-top: 0; }






#shopLimitedMenuArea .shopMenuLink { position: relative; margin-top: 40px; text-align: left; }
#shopLimitedMenuArea .shopMenuLink p { width: 50%; margin-right: 0px; line-height: 1.5; font-size: 0.875em; }
#shopLimitedMenuArea .shopMenuLink p::after { display: none; }
#shopLimitedMenuArea .shopMenuLink a { float: right; margin-top: 8px; padding: 10px 20px 9px; }
#shopLimitedMenuArea .shopMenuLink a::before { content: ""; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 6px solid #a04e4a; position: absolute; right: 45%; bottom: 24%; }

/*============================
#topicsArea
============================*/
#topicsArea { min-width: inherit; margin-top: 40px; margin-left: 20px; margin-right: 20px; }
#topicsArea .md_subTitleBar { }
#topicsArea .topicsListArea { margin-top: 0px; }
#topicsArea .topicsListArea ul {}
#topicsArea .topicsListArea ul li { float: left; width: 48%; margin-right: 4%; margin-top: 10px; margin-bottom: 0px; padding: 0; border: none; }
#topicsArea .topicsListArea ul li:nth-child(2n) { margin-right: 0; }
#topicsArea .topicsListArea ul li:nth-child(3n) { }
#topicsArea .topicsListArea ul li a { height: inherit; }
#topicsArea .topicsListArea ul li a .image { }
#topicsArea .topicsListArea ul li a .image img { }
#topicsArea .topicsListArea ul li a .info { margin-top: 8px; }
#topicsArea .topicsListArea ul li a .info .tenpoTag { width: 100%; }
#topicsArea .topicsListArea ul li a .info .date { float: left; margin-top: 5px; text-align: left; }
#topicsArea .topicsListArea ul li a .topicsText { margin-top: 8px; font-weight: bold; }


}