@charset "utf-8";

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

/*============================
#shopTopArea
============================*/
#shopTopArea { margin-top: 20px; }
#shopTopArea .stamp { height: auto; position: static; }
#shopTopArea .stamp .balloon { width: auto;  height: auto; position: static; left: 0; top: 0; background: none; text-indent: 0; text-align: center; font-size: 0.875em; }
#shopTopArea .stamp .button { width: 100%;  height: auto; background-position: center top; position: static; left: 0; top: 0; padding-top: 22%; background-size: 60%; margin-top: 10px; }
#shopTopArea .stamp .button a { display: block; padding: 16px 16px 14px; color: #fff; font-size: 0.875em; position: static; right: 0; top: 0; margin-left: 10px; margin-right: 10px; margin-top: 10px; }
#shopTopArea .shopList { margin-top: 2 0px; }
#shopTopArea .shopList .md_middleTitle {}
#shopTopArea .shopList .md_middleTitle span {}
#shopTopArea .shopList ul { margin: 0 10px; }
#shopTopArea .shopList ul li { float: left; width: 48%; margin-right: 4%; margin-left: 0; margin-top: 10px; }
#shopTopArea .shopList ul li:nth-child(2n) { margin-right: 0; }
#shopTopArea .shopList ul li a { display: block; }
#shopTopArea .shopList ul li a .shopLink {}
#shopTopArea .shopList ul li a .shopLink .photo.honten { height: 0; padding-top: 150%; }
#shopTopArea .shopList ul li a .shopLink .photo.gion { height: 0; padding-top: 150%; }
#shopTopArea .shopList ul li a .shopLink .photo.sanjo { height: 0; padding-top: 150%; }
#shopTopArea .shopList ul li a .shopLink .photo.jiyugaoka { height: 0; padding-top: 150%; }
#shopTopArea .shopList ul li a .shopLink .name { padding: 20px; background: url(../../imageFile/global/icon_arrow_buttonBlack.png) no-repeat 140px center #f7f7f7; font-weight: bold; border: solid 1px #ddd; border-top: none; }
#shopTopArea .eventList { margin-top: 20px; }
#shopTopArea .eventList .md_middleTitle {}
#shopTopArea .eventList .md_middleTitle span {}
#shopTopArea .eventList .saiji { margin: 0 10px; }
#shopTopArea .eventList .saiji .photo { float: inherit; width: auto; height: 0; padding-top: 56%; margin-left: 0; background-size: cover }
#shopTopArea .eventList .saiji .text { float: inherit; width: auto; margin-top: 10px; font-size: 0.875em; }
#shopTopArea .eventList .saiji .text .copy { line-height: 1.5; margin-right: 0; font-size: 0.875em; }
#shopTopArea .eventList .saiji .text .button {}
#shopTopArea .eventList .saiji .text .button a {}
#shopTopArea .eventList .saiji .text .button a.md_btn_ghostBlack { margin-top: 20px; margin-left: 0; }

/*============================
#shopBuyArea
============================*/
#shopBuyArea { margin-top: 20px; padding: 10px; border-left: none; border-right: none; }
#shopBuyArea .md_subTitle {}
#shopBuyArea ul.clearFix {}
#shopBuyArea ul.clearFix li { float: inherit; margin-right: 0; margin-top: 10px; }
#shopBuyArea ul.clearFix li:nth-child(2n) { margin-right: 0; }
#shopBuyArea ul.clearFix li a { display: block; }
#shopBuyArea ul.clearFix li a img { width: 100%; height: auto; }

/*============================
#shopPhotoArea
============================*/
#shopPhotoArea { margin-top: 20px; position: relative; }
#shopPhotoArea:after { position: absolute; width: 100%; height: 5px; content: ""; bottom: -2px; left: 0; background: #fff; z-index: 9999;  }
#shopPhotoArea ul.clearFix {}
#shopPhotoArea ul.clearFix li.leftPhoto { float: left; width: 66.5%; }
#shopPhotoArea ul.clearFix li.leftPhoto img { width: 100%; height: auto; }
#shopPhotoArea ul.clearFix li.rightPhoto { float: right; width: 33.5%; margin-top: 0; }
#shopPhotoArea ul.clearFix li.rightPhoto img { width: 100%; height: auto; }
#shopPhotoArea ul.clearFix li.rightPhoto.top { margin-top: 0; }
#shopPhotoArea ul.clearFix li.rightPhoto.top img { width: 100%; height: auto; }

/*============================
#ownBrandArea
============================*/
#ownBrandArea {}
#ownBrandArea .title {}
#ownBrandArea .title:before {}
#ownBrandArea .title span {}
#ownBrandArea .content {}
#ownBrandArea .content ul.clearFix { text-align: center; margin-top: 0; }
#ownBrandArea .content ul.clearFix li { display: inline-block; float: inherit; margin-left: 5px; margin-right: 5px; margin-top: 10px; }
#ownBrandArea .content ul.clearFix li:first-child { margin-left: 5px; }

/*============================
#shopInfoArea
============================*/
#shopInfoArea { margin-top: 20px; }
#shopInfoArea .messeageArea {}
#shopInfoArea .messeageArea .md_subTitle {}
#shopInfoArea .messeageArea .md_subTitle span {}
#shopInfoArea .messeageArea .content.clearFix { min-height: 100px; margin-top: 20px; position: relative; }
#shopInfoArea .messeageArea .content.clearFix .photo { float: inherit; position: absolute; left: 0; top: 0; width: 100px; }
#shopInfoArea .messeageArea .content.clearFix .photo img { width: 100px; height: 100px; }
#shopInfoArea .messeageArea .content.clearFix .text { float: inherit; width: auto; padding-left: 110px; margin-top: 0; font-size: 0.75em; }
#shopInfoArea .messeageArea .content.clearFix .text em {}
#shopInfoArea .messeageArea .content.clearFix .text br:first-child { display: none; }
#shopInfoArea .dataArea {}
#shopInfoArea .dataArea .md_subTitle {}
#shopInfoArea .dataArea .md_subTitle span {}
#shopInfoArea .dataArea .content.clearFix {}
#shopInfoArea .dataArea .content.clearFix table { width: 100%; }
#shopInfoArea .dataArea .content.clearFix table th { padding: 10px; display: block; border-bottom: none; padding-bottom: 0; font-weight: bold; }
#shopInfoArea .dataArea .content.clearFix table td { padding: 10px; width: auto; display: block; padding-top: 5px; font-size: 0.75em; }
#shopInfoArea .dataArea .content.clearFix table tr:nth-child(2n) th,
#shopInfoArea .dataArea .content.clearFix table tr:nth-child(2n) td {}
#shopInfoArea .dataArea .content.clearFix table td .map {}
#shopInfoArea .dataArea .content.clearFix table td .map iframe { width: 100%; }
#shopInfoArea .dataArea .content.clearFix table td .mapInfo { margin-top: 20px; font-size: 1em; line-height: 1.5; }
#shopInfoArea .interiaArea {}
#shopInfoArea .interiaArea .content.clearFix {}
#shopInfoArea .interiaArea .content.clearFix iframe { width: 100%; }
#shopInfoArea .interiaArea .content.clearFix a {}
#shopInfoArea .newsArea { position: relative; }
#shopInfoArea .newsArea .subTitle {}
#shopInfoArea .newsArea a.all { top: -2px; background-size: auto 30px; width: 100.5px; height: 30px; }
#shopInfoArea .newsArea .subContent { margin-top: 20px; }
#shopInfoArea .newsArea .subContent ul.clearFix {}
#shopInfoArea .newsArea .subContent ul.clearFix li { padding: 10px; }
#shopInfoArea .newsArea .subContent ul.clearFix li:nth-child(2n) {}
#shopInfoArea .newsArea .subContent ul.clearFix li a { position: relative; padding-right: 20px; }
#shopInfoArea .newsArea .subContent ul.clearFix li a .image { float: inherit; width: 60px; position: absolute; left: 0; top: 0; }
#shopInfoArea .newsArea .subContent ul.clearFix li a .image img { width: 60px; height: 60px; }
#shopInfoArea .newsArea .subContent ul.clearFix li a .text { float: inherit; width: auto; padding-left: 75px; }
#shopInfoArea .newsArea .subContent ul.clearFix li a .text .category {}
#shopInfoArea .newsArea .subContent ul.clearFix li a .text .category span.md_icon {}
#shopInfoArea .newsArea .subContent ul.clearFix li a .text .category span.md_date { font-size: 0.75em; }
#shopInfoArea .newsArea .subContent ul.clearFix li a .text .catch { font-size: 0.75em; }
#shopInfoArea .newsArea .subContent ul.clearFix li a .text .catchText { font-size: 0.75em; }
#shopInfoArea .snsArea { text-align: center; padding-bottom: 10px; }
#shopInfoArea .snsArea ul.clearFix { text-align: center; }
#shopInfoArea .snsArea ul.clearFix li { float:inherit; display: inline-block; height: 40px; line-height: 40px; font-size: 0.875em; margin-left: 10px; }
#shopInfoArea .snsArea ul.clearFix li:first-child{ text-align: center; width: 100%; }
#shopInfoArea .snsArea ul.clearFix li a {}
#shopInfoArea .snsArea ul.clearFix li a img { width: 40px; height: 40px; }

/*============================
#saijiArea
============================*/
#saijiArea { margin-top: 0; }
#saijiArea .dateArea {}
#saijiArea .dateArea .md_subTitle {}
#saijiArea .dateArea .md_subTitle span {}
#saijiArea .dateArea .detail {}
#saijiArea .dateArea .detail .schedule { margin-top: 40px; width: 100%; overflow-x: scroll; }
#saijiArea .dateArea .detail .schedule table { width: 800px; }
#saijiArea .dateArea .detail .schedule table tr {}
#saijiArea .dateArea .detail .schedule table tr th { height: 40px; font-size: 0.875em; white-space: nowrap; }
#saijiArea .dateArea .detail .schedule table tr td { height: 40px; font-size: 0.875em; }
#saijiArea .dateArea .detail .number {}
#saijiArea .dateArea .detail .number span { font-size: 1em; }
	

}