@charset "utf-8";

/* 共通 */

nav.main-navigation {
	display: none;
}

a#dynamic-to-top {
	display: none !important;
}

.entry-header .entry-title {
	width: 100%;
}

div.entry-content {
	width: 100%;
}

/* original shop.css */

/*
 * 店舗地図ページ
 *
 ***************************************************************/

.site-content {
	float: none;
}

.page-id-252 .site, .page-id-3588 .site {
	width: 100%;
	max-width: 960px;
}

#shop-map ul.infoBanner {
	display: none;
}

#shop-map ul li {
	list-style: none;
}

#shop-map h2 {
	font-size: 16px;
	line-height: 1.6;
	color: #444;
	padding-left: 3px;
	border-left: 7px solid #f33891;
}

#shop-map h3 {
	margin: 28px 0 0 0;
	padding-left: 1rem;
	color: #444;
}

/* 店舗概要 */

#shop-map div.shopinfo-wrapper {
	display: block;
}

#shop-map div.chirashi-wrapper {
	display: none;
}

#shop-map div.googlemap {
	padding-bottom: 56%;
}

#shop-map dl {
	margin: 0 10px;
}

#shop-map dl.companyinfo {
	box-sizing: border-box;
	color: #000;
	padding: 10px;
	margin: 28px 0;
	border-radius: 5px;
	border: 1px solid #ccc;
}

#shop-map dl.shopinfo dt {
	width: 140px;
	float: left;
	clear: both;
}

#shop-map dl.shopinfo dd {
	width: 460px;
	margin-left: 140px;
	margin-bottom: 0;
}

#shop-map dl.shopinfo > dd > ul {
	list-style-type: none;
	margin: 0;
}

#shop-map dl.shopinfo > dd > ul > li {
	font-size: 0.9em;
	margin: 0;
}

#shop-map dl.companyinfo > dd > ul > li {
	font-size: 1rem;
}

#shop-map dl.companyinfo > dd > ul > li > span {
	display: inline-block;
	color: #444;
	font-weight: bold;
	width: 100px;
}

#shop-map dl.shopinfo > dd > ul > li.note1 {
	color: #FF0000;
}

#shop-map dl.shopinfo > dd > ul > li.note2 {
	color: #0066CC;
}

/* 営業時間 business Hours */

#shop-map dl.shopinfo a.areaMap {
	margin-left: 1em;
}

#shop-map dl.shopinfo a.areaMap:after {
	content: "\00bb";
}

#shop-map .businessHours li {
	width: 23em;
	font-weight: bold;
	text-align: left;
	background: #F5F5F5;
	padding: 0.5em;
	border: 1px solid #E0E0E0;
	border-radius: 3px;
	margin-bottom: 0.5em !important;
}



#shop-map .businessHours li > span.hc {
	background: #666;
}

#shop-map .businessHours li > span.gc {
	background: #6c3;
}

#shop-map .businessHours li > span.pc {
	background: #39c;
}

#shop-map .businessHours li > span.ex {
	background: #f93;
}

#shop-map .businessHours li > span {
	display: inline-block;
	width: 12em;
	font-weight: normal;
	text-align: center;
	text-shadow: 1px 1px 1px #444;
	color: #FFF;
	background: #F5F5F5;
	border-radius: 3px;
	margin-right: 2em;
}

#shop-map div.googlemap {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
	line-height: 0;

}

#shop-map div.googlemap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	margin: 0;
}

#shop-map div.chirashi-wrapper a > img {
	display: block;
}

/* 電話番号一覧 */

table.shop-contact {
	max-width: 880px;
	font-size: 14px;
	/* margin: 0 auto; */
}

table.shop-contact td:nth-of-type(1) {
	font-weight: normal;
	background: none;
}

table.shop-contact td:nth-of-type(2):before {
	content: none;
}

table.shop-contact td:nth-of-type(3):before {
	content: none;
}

table.shop-contact tr {
	display: table-row;
}

table.shop-contact tr:last-child {
	border-bottom: 3px #a5c0d8 solid;
}

table.shop-contact th, table.shop-contact td {
	display: table-cell;
}

table.shop-contact tr:nth-child(2n) {
	background: #e3edee;
}

table.shop-contact th {
	background: #a5c0d8;
}

table.shop-contact th.shopName {
	width: 50%;
}

table.shop-contact th.tel, table.shop-contact th.fax {
	width: 25%;
}

table.shop-contact td {
	padding: 0 0 0 10px;
}

table.shop-contact span.notes {
	display: block;
	color: #ff0000;
	font-size: 12px;
	line-height: 1;
	padding: 0 0 0 1em;
	margin: 0;
}

/* 専門店 */

#specialtyShop div.specialtyShopBox {
	/* width: 880px; */
	/* margin: 0 auto; */
}

#specialtyShop div.specialtyShopWrapper {
	float: left;
	width: 330px;
	min-height: 230px;
	box-sizing: border-box;
	padding: 10px;
	margin: 0 0 20px 0;
	border: 1px solid #444;
	/* box-shadow: 1px 1px 5px #b4b4b4; */
}

#specialtyShop div:nth-child(2n+1) {
	clear: left;
	margin-right: 20px;
}

#specialtyShop div.specialtyShopWrapper img {
	margin: 0 auto 7px auto;
}


/* テナント情報 */

#foodcourt > h2 {
	/* page-break-before: always; */
}

#shop-map div.tenantDetailBox {
	width: 880px;
	margin-bottom: 28px;
}

#shop-map div.tenantDetailWrapper {
	float: left;
	width: 280px;
	box-sizing: content-box;
	margin: 10px;
	border: 1px solid #444;
	/* box-shadow: 1px 1px 5px #b4b4b4; */
	/* page-break-inside: avoid; */
}



#shop-map div.tenantDetailBox div:nth-child(2n+1) {
	clear: left;
	margin-left: 0;
}




#shop-map div.tenantDetailBox img {
	display: block;
	width: 80px;
	height: 60px;
	padding: 10px;
	float: left;
}

#shop-map div.tenantDetailBox ul {
	list-style-image: none;
	list-style-type: none;
	width: 180px;
	padding: 10px 0;
	margin: 0;
	float: left;
}

#shop-map div.tenantDetailBox ul li.category {
	color: #646464;
	font-size: 10px;
	font-weight: bold;
	margin: 0;
}

#shop-map div.tenantDetailBox ul li.name {
	font-size: 12px;
	margin: 0;
}

#shop-map div.tenantDetailBox ul li.tel {
	font-size: 12px;
	margin: 0;
}

#shop-map div.tenantDetailBox ul li.tel:before {
	content: "[TEL]" ;
	margin-right: 0.5em;
}



#shop-map div.tenantDetailWrapper {
	float: left;
}

/* テナント詳細個別ページ用 */
#tenantDetailPage div.logoWrapper {
	float: left;
	position: relative;
	width: 180px;
	height: 180px;
	border: 1px solid #DEDEDE;
}

#tenantDetailPage div.logoWrapper > img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 80%;
	height: auto;
}
#tenantDetailPage .shopInfo ul {
	float: right;
	width: 512px;
	margin: 0;
}
#tenantDetailPage div.backButton > a {
	display: none;
}

/* 新着情報 */



#shop-map div.whatsNewWrapper {
	width: 640px;
	margin-left: 6px;
	border: 1px solid #444;
	/* box-shadow: 1px 1px 5px #b4b4b4; */
}
#shop-map div.whatsNewWrapper > div.logoBox {
	float: left;
	width:280px;
	margin: 10px 10px 10px 0;
}

#shop-map div.whatsNewWrapper > div.logoBox > img {
	padding: 10px;
}

#shop-map div.whatsNewWrapper > div.textBox {
	float: left;
	width: 300px;
	margin: 10px;
}

#shop-map div.whatsNewWrapper > div.shopPhoto > img {
	display: block;
	width: 180px;
	float: left;
	padding: 10px;
}

#shop-map div.whatsNewWrapper ul.photoX4 {
	/* width: 830px; */
	/* margin: 14px auto; */
}
#shop-map div.whatsNewWrapper .photoX4 li {
	float: left;
	box-sizing: border-box;
	width: 140px;
	line-height: 0;
	padding: 5px;
	box-shadow: 3px 3px 3px #DCDCDC;
	margin: 0 0 10px 10px;
}
#shop-map div.whatsNewWrapper .photoX4 li:nth-of-type(4n+1) {
	margin-left: 0;
	clear: left;
}


/* テナント詳細用（動物病院など） */
#shop-map div.tenantDetailWrapper2 {
	width: 640px;
	border: 1px solid #a5c0d8;
	/* margin: 14px auto; */
}
#shop-map div.tenantDetailWrapper2 > div.logoBox {
	float: left;
	width: 220px;
}
#shop-map div.tenantDetailWrapper2 > div.logoBox > img {
	display: block;
	margin: 10px auto;
}
#shop-map div.tenantDetailWrapper2 > div.textBox {
	float: left;
	width: 400px;
	margin: 10px;
}

/* テナントメッセージ */

#shop-map div.tenantMessage {
	width: 100%;
	padding:14px; border:1px solid #F00;
	margin:2rem 0;
}

/* 周辺地図　Google Map */

#shop-map h2#map {
	page-break-before: always;
}

#shop-map div.googlemap {
	/* page-break-inside: avoid; */
}



/* onlineService　オンラインサービス　EC事業部
-------------------------------------------------------------- */

#onlineService div.wrapper {
	margin: 0 0 56px 0;
}

#onlineService div.screenShot {
	position: relative;
	float: left;
	width: 340px;
	width: 260px;
	padding: 20px 0;
	padding: 0;
	background: #F5F5F5;
	border-radius: 7px;
	box-shadow: 3px 3px 10px #ADADAD;
}

#onlineService div.screenShot > img {
	display: block;
	width: 300px;
	width: auto;
	height: auto;
	border: 1px solid #A5A5A5;
	margin-bottom: 2rem;
	margin-bottom: 0;
}

#onlineService div.screenShot > div.overLay {
	box-sizing: border-box;
	position: absolute;
	right: 7px;
	bottom: 24px;
	width: 60%;
	font-size: 12px;
	background-color: rgba( 30, 30, 30, 0.8 );
	color: #fff;
	padding: 10px;
}

#onlineService div.screenShot > div.overLay > h2 {
	font-size: 14px;
	margin: 0;
}

#onlineService div.screenShot > div.overLay > p {
	margin: 0;
}

#onlineService div.text {
	float: right;
	width: 540px;
	width: 400px;
}

#onlineService div.text h2 {
	color: #FFF;
	background: #2A2A2A;
	padding-left: 1em;
	margin: 0 0 14px 0;
}

#onlineService div.text h3 {
	line-height: 2.5;
	margin: 0;
}

#onlineService p.URL > a {
	font-size: 18px;
	font-weight: bold;
	color: #2A2A2A;
	text-decoration: none;
}

#onlineService div.wrap2 > div.image {
	width: 160px;
	float: left;
}

#onlineService div.wrap2 > dl {
	width: 360px;
	width: 240px;
	float: right;
	margin: 0;
}

#onlineService #makeIt h3 {
	font-size: 24px;
	font-weight: normal;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

#onlineService dl {
	margin: 0;
}

#onlineService #makeIt dl {
	display: table;
	margin: 0 0 14px 0;
}

#onlineService #makeIt dt {
	display: table-cell;
	clear: both;
	width: 180px;
	height: 80px;
	font-size: 40px;
	font-weight: normal;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	background: #F00;
}


#onlineService #makeIt dd {
	display: table-cell;
	padding-left: 0.5em;
}


#onlineService #makeIt dt.make {
	background: #2D9351;
}

#onlineService #makeIt dt.repair {
	background: #2977B4;
}

#onlineService #makeIt dt.hint {
	background: #D7882D;
}

#onlineService #makeIt dt.grow {
	background: #C53C60;
}

#onlineService #makeIt dt.lifeStyle {
	font-size: 23px;
	line-height: 3;
	background: #844F8F;
}






/* PetCenter PetHotel */

.sp-site #pethotel table {
	display: table;
}

.sp-site #pethotel table > tbody {
	display: table-row-group;
}

.sp-site #pethotel table > tbody > tr {
	display: table-row;
}

.sp-site #pethotel table > tbody > tr >th, .sp-site #pethotel table > tbody > tr > td {
	display: table-cell;
}

#pethotel table.doggy-kitty-shoplist th, #pethotel table.bird-smallanimal-shoplist th {
	width: 40%;
	font-weight: normal;
}

#pethotel table.doggy-kitty-shoplist td {
	text-align: center;
	width: 20%;
}

#pethotel table.bird-smallanimal-shoplist td {
	text-align: center;
	width: 30%;
}

/* 品種別分類表 */
#pethotel table tr.pcHeader {
	display: table-row;
}

.dog-cat-type li.spHeader {
	display: none;
}

/* 鳥小動物料金表 */
#pethotel table#birdSmallAnimal td:nth-of-type(1):before {
	content: none;
}

#pethotel table#birdSmallAnimal td:nth-of-type(2):before {
	content: none;
}

#pethotel table#birdSmallAnimal td:nth-of-type(3):before {
	content: none;
}

#pethotel table#birdSmallAnimal td:nth-of-type(4):before {
	content: none;
}

/* cremation ペット葬儀 */

div#cremation {
	width: 100%;
}

/* trader 動物取扱業に関する表示 */

#trader table {
	page-break-inside: avoid;
}

#trader td.sta_item{
	width: 9em;
}

#trader td.sta_value{
	width: 20em;
}


/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}