/* CSS Document */


/*────────────────────────── イイシナ（一覧）──*/
#eMark{
}
	#eMark.top .fv{
	}

#eMark.top .category{
	text-align: center;
	margin: 100px 0;
}
	#eMark.top .category h3{
		font-size: 200%;
		letter-spacing: 3px;
	}
	#eMark.top .category ul{
		font-size: 130%;
		letter-spacing: 2px;
		display: flex;
		justify-content: space-between;
		border: 1px solid #726256;
		border-radius: 3px;
		margin: 20px 0 0;
	}
		#eMark.top .category ul li{
			width: 100%;
			border-left: 1px solid #726256;
		}
		#eMark.top .category ul li:first-child{
			border: none;
		}
			#eMark.top .category ul li a{
				display: block;
			}
			#eMark.top .category ul li img{
				display: inline;
				vertical-align: middle;
				margin: 5px 10px 5px 0;
			}

#eMark.top .about{
	text-align: center;
	margin: 100px 0;
}
	#eMark.top .about h3{
		font-size: 200%;
		letter-spacing: 3px;
	}
	#eMark.top .about dl{
		border-top:solid 1px #726256;
		border-bottom:solid 1px #726256;
		padding: 30px 0;
		text-align: left;
		width: 850px;
		margin: 20px auto 0;
	}
		#eMark.top .about dl dt{
			float: left;
			width: 20%;
		}
		#eMark.top .about dl dd{
			float:right;
			width: 80%;
		}
			#eMark.top .about dl dd .title{
				font-weight: 700;
				font-size: 120%;
				line-height: 130%;
				margin-bottom: 10px;
			}
			#eMark.top .about dl dd .text{
				line-height: 180%;
				letter-spacing: 2px;
			}

#eMark.top .select{
	text-align: center;
	margin: 100px 0 40px 0;
}
#eMark.top h2.searchcondxt{
	font-weight: bold;
	margin-bottom: 20px;
}
	#eMark.top .select h3{
		font-size: 200%;
		letter-spacing: 3px;
	}
	#eMark.top .select .tabs{
		margin: 20px 0 0;
	}
		#eMark.top .select .tabs li{
			margin: 0 0 -1px;
			float: left;
			width: 47.5%;
			border: solid 1px #726256;
			background: #DDDDDA;
			padding: 10px;
			transition: all 0.4s;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
border-top-right-radius: 10px;
		}
		#eMark.top .select .tabs li.active{
			border-bottom: solid 1px #FFFFFF;
			background: #FFFFFF;
		}
			#eMark.top .select .tabs li:last-child{
				float: right;
			}
	#eMark.top .select .tab_c{
		padding: 20px;
		border: solid 1px #726256;
		transition: all 0.4s;
	}
		#eMark.top .select .tab_c .cat ul{
			font-size: 115%;
			letter-spacing: 2px;
			display: flex;
			justify-content: space-between;
		}
			#eMark.top .select .tab_c .cat li{
				width: 100%;
				position: relative;
				margin: 0 5px;
			}
				#eMark.top .select .tab_c .cat li img{
					position: absolute;
					top: 0; left: -1px;
				}
					#eMark.top .select .tab_c .cat li a{
						display: block;
						border: 1px solid #726256;
						border-radius: 50px;
						font-weight: 600;
						height: 52px;
						padding: 15px 0 0 35px;
						box-sizing: border-box;
					}
					#eMark.top .select .tab_c .cat li a.current{
						background: #FFFF00 !important;
						color:#262424;
					}
		#eMark.top .select .tab_c .cat li:nth-of-type(1) a{ background: #E8C8C3;}
		#eMark.top .select .tab_c .cat li:nth-of-type(2) a{ background: #BEDBD9;}
		#eMark.top .select .tab_c .cat li:nth-of-type(3) a{ background: #FEE9BF;}
		#eMark.top .select .tab_c .cat li:nth-of-type(4) a{ background: #CECCE1;}
		#eMark.top .select .tab_c .cat li:nth-of-type(5) a{ background: #BAC8DE;}
		#eMark.top .select .tab_c .cat li:nth-of-type(6) a{ background: #D1D7AF;}

		#eMark.top .select .tab_c .cat li a:hover{	color: #fff;}
		#eMark.top .select .tab_c .cat li:nth-of-type(1) a:hover{ background: #AD958C;}
		#eMark.top .select .tab_c .cat li:nth-of-type(2) a:hover{ background: #B8B0AA;}
		#eMark.top .select .tab_c .cat li:nth-of-type(3) a:hover{ background: #B8A58B;}
		#eMark.top .select .tab_c .cat li:nth-of-type(4) a:hover{ background: #A0979B;}
		#eMark.top .select .tab_c .cat li:nth-of-type(5) a:hover{ background: #96959A;}
		#eMark.top .select .tab_c .cat li:nth-of-type(6) a:hover{ background: #A19C83;}

		#eMark.top .select .tab_c .cat li a:hover img{
			opacity: 1;
		}

		#eMark.top .select .tab_c .scene ul{
			font-size: 115%;
			letter-spacing: 2px;
			text-align: center;
		}
			#eMark.top .select .tab_c .scene li{
				display: inline-block;
				width: 48%;
				margin: 0.5%;
			}
				#eMark.top .select .tab_c .scene li a{
					border: 1px solid #726256;
					padding: 12px;
					display: block;
					border-radius: 50px;
					font-weight:  700;
					transition: all 0.4s;
				}
				#eMark.top .select .tab_c .scene li a:hover{
					background: #e6e6e6;
					color: #fff;
				}
				#eMark.top .select .tab_c .scene li a.current{
					background: #FFFF00 !important;
					color:#262424;
				}


#eMark .itemList{
}
	#eMark .itemList li{
		width: 262px;
		height: 262px;
		background: #FFFFFF;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		justify-content: center;
	}


	#eMark .itemList li.e_mark{
		position: relative;
}
	#eMark .itemList li.e_mark::before{
		content:"";
		position: absolute;
		top: .5em;
		right: .5em;
		width: 26%;
	padding-top: 26%;
		display: block;
		background: url(/specialities/images/e_mark.png) no-repeat center / contain;
    /*background: url(/images/listicon_es.png) no-repeat center / contain;*/

}
.form_shoptype li.e_mark a{
		background: url(/specialities/images/e_mark.png) no-repeat .5em center / 2em 2em;
	padding-left: 3em;
}

	#eMark .itemList li.meat{background: rgba(232, 200, 195, 0.5);}
	#eMark .itemList li.fish{background: rgba(190, 219, 217, 0.5);}
	#eMark .itemList li.milk{background: rgba(254, 233, 191, 0.5);}
	#eMark .itemList li.seasoning{background: rgba(206, 204, 225, 0.5);}
	#eMark .itemList li.alcohol{background: rgba(186, 200, 222, 0.5);}
	#eMark .itemList li.etc{background: rgba(209, 215, 175, 0.5);}

	#eMark .itemList li.large{
		width: 534px;
		height: 534px;
	}
	#eMark .itemList li.large img{
		max-width: 470px;
		max-height: 420px;
	}

	#eMark .itemList li.rec{
		position: relative;
	}
		#eMark .itemList li.rec a>img{
			/*margin: 26px;*/
		}
		#eMark .itemList li.rec span{
			position: absolute;
			right: -51px;
			bottom: -40px;
			z-index: 100;
		}
		#eMark .itemList li dl{
			text-align: center;
		    /*padding: 30px;*/
		}
			#eMark .itemList li dl dt{
				margin-bottom: 5px;
			}
				#eMark .itemList li dl dt img{
					max-height: 200px;
					max-width: 200px;
					display: inline-block;
				}
			#eMark .itemList li dl dd{

			}
				#eMark .itemList li dl dd .sub{

				}
				#eMark .itemList li dl dd .title{

				}
	#eMark .itemList li.label{
	}
	#eMark .itemList li.meat.label{
		background:url(/specialities/images/bg_meat.png) no-repeat center #E8C8C3;
	}
	#eMark .itemList li.seafood.label{
		background:url(/specialities/images/bg_seafood.png) no-repeat center #BFDCDA;
	}
	#eMark .itemList li.milk.label{
		background:url(/specialities/images/bg_milk.png) no-repeat center #FFEABF;
	}
	#eMark .itemList li.seasoning.label{
		background:url(/specialities/images/bg_seasoning.png) no-repeat center #CFCDE2;
	}
	#eMark .itemList li.alcohol.label{
		background:url(/specialities/images/bg_alcohol.png) no-repeat center #BBC9DF;
	}
	#eMark .itemList li.etc.label{
		background:url(/specialities/images/bg_etc.png) no-repeat center #D2D8AF;
	}

		#eMark .itemList li.label dt{
			font-size: 120%;
			letter-spacing: 3px;
		}
		#eMark .itemList li.label dd{
			text-align: left;
			line-height: 180%;
		}

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

#eMark{
}
	#eMark.top .fv{
		margin-bottom: 40px;
	}

#eMark.top .category{
	margin: 50px 0;
}
	#eMark.top .category ul{
	}
		#eMark.top .category ul li{
		}
			#eMark.top .category ul li a{
				padding: 5px 0;
				font-size: 80%;
				letter-spacing: 0;
			}
			#eMark.top .category ul li img{
				display: block;
    			margin: auto;
			}
	.form_shoptype ul li.active,
	.form_shoptype ul li.e_mark{
    font-size: 83%;
	}

#eMark.top .about{
	margin: 50px 0;
}
	#eMark.top .about dl{
		width: auto;
	}
		#eMark.top .about dl dt{
			float: none;
			width: auto;
			text-align:  center;
			margin-bottom: 20px;
		}
			#eMark.top .about dl dt img{
				display: inline-block;
			}
		#eMark.top .about dl dd{
			float: none;
			width: auto;
		}

#eMark.top .select{
	margin: 50px 0;
}

	#eMark.top .select .tabs{
	}
		#eMark.top .select .tabs li{
			width: 48%;
			padding: 12px 0px;
		}
	#eMark.top .select .tab_c{
		padding: 10px;
	}
		#eMark.top .select .tab_c .cat ul{
		flex-wrap: wrap;
		}
			#eMark.top .select .tab_c .cat li{
			width: 32%;
			margin: 5px 0;
			}
				#eMark.top .select .tab_c .cat li img{
				height: 35px;
				}
		#eMark.top .select .tab_c .scene li {
			margin: 5px 0;
		}
					#eMark.top .select .tab_c .cat li a{
					height: 35px;
					padding: 6px 0 0 30px;
					font-size: 80%;
					letter-spacing: 0;
					}
	#eMark.top .select .tab_c .scene li a {
    padding: 10px 8px;
    font-size: 90%;
    letter-spacing: 0;
}

#eMark .itemList{
}
	#eMark .itemList li{
		width: 48%;
		height: 262px;
	}
	#eMark .itemList li.large{
		width: 100%;
		height: 262px;
	}
	#eMark .itemList li.large img{
		max-height: 150px;
		max-width: 200px;
	}

	#eMark .itemList li.rec{
		position: relative;
	}
		#eMark .itemList li.rec a>img{
			margin: 0 auto;
			width: 100%;
			height: auto;
			max-width: 210px;
		}
		#eMark .itemList li.rec span{
			right: -10px;
			bottom: 0px;
			width: 80px;
		}
			#eMark .itemList li.rec span img{
				width: 100%;
				height: auto;
			}
		#eMark .itemList li dl{
		    padding: 3%;
		}
				#eMark .itemList li dl dt img{
					max-height: 150px;
					max-width: 150px;
				}

#eMark .itemList li.label{
	background-size:90% !important;
}
#eMark .itemList li.label dl{
	padding: 10px;
}

}


/*────────────────────────── イイシナ（詳細）──*/

#eMark.detail .inner2{width: 750px; margin: auto;}

#eMark.detail .category{
	text-align: center;
	margin: 100px 0 20px;
}
#eMark.detail .category h2{
	font-size: 115%;
	font-weight: 600;
	margin-bottom: 20px;
}
#eMark.detail .category h2 span{
	border-bottom: 1px solid #726256;
	padding: 5px 15px;
	display: inline-block;
	position: relative;
}
#eMark.detail .category h2 span:before{
	content: '';
	position: absolute;
	width: 0; height: 0;
	bottom: -5px; left: 0; right: 0;
	margin: auto;
	border-top: 5px solid #726256;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}
#eMark.detail .category h2 span:after{
	content: '';
	position: absolute;
	width: 0; height: 0;
	bottom: -3px; left: 0; right: 0;
	margin: auto;
	border-top: 5px solid #fff;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}
#eMark.detail .category h3{
	font-size: 180%;
	letter-spacing: 8px;
}
#eMark.detail .category ul{
	font-size: 115%;
	letter-spacing: 2px;
	display: flex;
	justify-content: space-between;
	margin: 30px 0 0;
}
#eMark.detail .category li{
	width: 100%;
	position: relative;
	margin: 0 5px;
}
#eMark.detail .category li img{
	position: absolute;
	top: 0; left: -1px;
}
#eMark.detail .category li a{
	display: block;
	border: 1px solid #726256;
	border-radius: 50px;
	font-weight: 600;
	height: 52px;
	padding: 15px 0 0 35px;
	box-sizing: border-box;
}
#eMark.detail .category li:nth-of-type(1) a{ background: #E8C8C3;}
#eMark.detail .category li:nth-of-type(2) a{ background: #BEDBD9;}
#eMark.detail .category li:nth-of-type(3) a{ background: #FEE9BF;}
#eMark.detail .category li:nth-of-type(4) a{ background: #CECCE1;}
#eMark.detail .category li:nth-of-type(5) a{ background: #BAC8DE;}
#eMark.detail .category li:nth-of-type(6) a{ background: #D1D7AF;}

#eMark.detail .category li a:hover{	color: #fff;}
#eMark.detail .category li:nth-of-type(1) a:hover{ background: #AD958C;}
#eMark.detail .category li:nth-of-type(2) a:hover{ background: #B8B0AA;}
#eMark.detail .category li:nth-of-type(3) a:hover{ background: #B8A58B;}
#eMark.detail .category li:nth-of-type(4) a:hover{ background: #A0979B;}
#eMark.detail .category li:nth-of-type(5) a:hover{ background: #96959A;}
#eMark.detail .category li:nth-of-type(6) a:hover{ background: #A19C83;}

#eMark.detail .category li a:hover img{
	opacity: 1;
}


#eMark.detail .eMarkList{
	background: url(/specialities/images/e_list_meat_bg.png) no-repeat center top;
	background-size: cover;
	padding: 100px 0 80px;
	box-sizing: border-box;
	position: relative;
}
#eMark.detail .eMarkList.meat{	background: url(/specialities/images/e_list_meat_bg.png) no-repeat center top;
	background-size: cover;}
#eMark.detail .eMarkList.fish{	background: url(/specialities/images/e_list_fish_bg.png) no-repeat center top;
	background-size: cover;}
#eMark.detail .eMarkList.milk{	background: url(/specialities/images/e_list_milk_bg.png) no-repeat center top;
	background-size: cover;}
#eMark.detail .eMarkList.seasoning{	background: url(/specialities/images/e_list_seasoning_bg.png) no-repeat center top;
	background-size: cover;}
#eMark.detail .eMarkList.alcohol{	background: url(/specialities/images/e_list_alcohol_bg.png) no-repeat center top;
	background-size: cover;}
#eMark.detail .eMarkList.etc{	background: url(/specialities/images/e_list_etc_bg.png) no-repeat center top;
	background-size: cover;}



#eMark.detail .eMarkList:before,
#eMark.detail .eMarkList:after{
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin: auto;
	width: 104%;
	background: #fff;
	height: 50px;
}
#eMark.detail .eMarkList:before{
	top: -15px;
	border-radius: 0 0 50% 50%;
}
#eMark.detail .eMarkList:after{
	bottom: -15px;
	border-radius: 50% 50% 0 0;
	background: #FCF7F6;
}

#eMark.detail .eMarkList .block{
	background: rgba(255,255,255,.8);
	text-align: center;
	border-radius: 0 0 5px 5px;
	min-height: 280px;
}
#eMark.detail .eMarkList .block h2{
	font-size: 140%;
	font-weight: 600;
	letter-spacing: 4px;
	border-bottom: 1px solid #726256;
	text-align: center;
	padding: 28px 0 12px;
	position: relative;
}
#eMark.detail .eMarkList .block h2 img{
	position: absolute;
	top: -28px;
	left: 0;
	right: 0;
	margin: auto;
	filter: none;
}
#eMark.detail .eMarkList .block h2 a {
	background: url(/specialities/images/i_question.png) no-repeat left center;
	font-size: 75%;
	font-weight: normal;
	line-height: 1.2em;
	letter-spacing: 0;
	text-decoration: underline;
	position: absolute;
	top: 16px;
	right: 30px;
	padding: 5px 0 5px 30px;
}
#eMark.detail .eMarkList .block h2 a:hover {
	color: #726256;
	text-decoration: none;
}
#eMark.detail .eMarkList .block h3{
	font-size: 110%;
	font-weight: 600;
	letter-spacing: 3px;
	margin: 30px 0 0;
	padding-left: 20px;
	background: url(/specialities/images/i_search.png) no-repeat left center;
	display: inline-block;
}
#eMark.detail .eMarkList .block ul{
	padding: 20px 40px 30px;
	text-align: left;
}
#eMark.detail .eMarkList .block ul li{
	display: inline-block;
}
#eMark.detail .eMarkList .block ul li a{
	font-size: 115%;
	letter-spacing: 2px;
	display: block;
	margin: 5px 10px;
	text-decoration: underline;
}
#eMark.detail .eMarkList .block ul li.active a{
	font-weight: 600;
}
#eMark.detail .eMarkList .block ul li a:hover{
	color: #736357;
	background: linear-gradient(transparent 10%, #FDFE00 10%);
}


#eMark.detail .bg{
	background: #FCF7F6;
	padding: 80px 0;
}
#eMark.detail .fvDetail {
  text-align: center;
}
#eMark.detail .fvDetail .inner{
	position: relative;
}
#eMark.detail .fvDetail .social{
	position: absolute;
	top: 10px;
}
#eMark.detail .fvDetail .social li{
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}
#eMark.detail .fvDetail h1 {
	display: inline-block;
	padding: 8px 15px;
	font-size: 180%;
	font-weight: 600;
	letter-spacing: 3px;
	line-height: 1.6em;
}
#eMark.detail .fvDetail h1 span:first-of-type {
    border-bottom: 2px solid #726256;
    padding: 5px;
	display: inline-block;
	margin-bottom: 20px;
}
#eMark.detail .fvDetail h1 span:last-of-type {
    display: block;
	font-size: 80%;
	letter-spacing: 2px;
}
#eMark.detail .fvDetail h2 {
    display: inline-block;
    margin-bottom: 15px;
    padding: 8px 15px;
    background: #FDFE1F;
    border: 1px solid #726256;
    border-radius: 3px;
    font-size: 90%;
    font-weight: 600;
    line-height: 1em;
    letter-spacing: 3px;
    position: relative;
}


#eMark.detail .fvDetail .slick-slide {
	margin: 60px 4px 0;
	position: relative;
}
#eMark.detail .fvDetail .slick-slide:before{
	content: '';
	background: rgba(000,000,000,.6);
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
}
#eMark.detail .fvDetail .slick-slide span{
	position: relative;
	bottom: 0;
	letter-spacing: 2px;
	padding: 20px 0 5px;
	font-weight: 600;
	display: none;
}
#eMark.detail .fvDetail .slick-slide.slick-active span{
	display: block;
}
#eMark.detail .fvDetail .slick-dots li{
	width: 10px;
	height: 10px;
	margin: 0 15px;
}
#eMark.detail .fvDetail .slick-dots li button:before{
	content: '';
	background: #BAB8B1;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	opacity: .5;
}
#eMark.detail .fvDetail .slick-dots li.slick-active button:before{
	background: #FDFE1F;
}

#eMark.detail .fvDetail .slick-slide.slick-active:before {
	content: none;
}
#eMark.detail .fvDetail .slick-prev,
#eMark.detail .fvDetail .slick-next{
	width: 12px;
	z-index: 9;
}
#eMark.detail .fvDetail .slick-prev:before,
#eMark.detail .fvDetail .slick-next:before{
	content: none;
}
#eMark.detail .fvDetail .slick-prev {
	left: 12% !important;
	background: url(/specialities/images/slide_arw.png) no-repeat left top !important;
}
#eMark.detail .fvDetail .slick-next {
	right: 12% !important;
	background: url(/specialities/images/slide_arw.png) no-repeat right top !important;
}
#eMark.detail .fvDetail .slick-prev:hover,
#eMark.detail .fvDetail .slick-next:hover{
	opacity: .5;
}

#eMark.detail .catch{
	margin: 80px 0;
}
#eMark.detail .catch h3{
	text-align: center;
	font-size: 140%;
	font-weight: 600;
	letter-spacing: 2px;
	margin-bottom: 30px;
}
#eMark.detail .catch p{
	font-size: 115%;
	line-height: 1.8em;
}


#eMark.detail .charm{
	background: #C5BBB6;
	padding-bottom: 60px;
	position: relative;
	margin-bottom: 60px;
	min-height: 430px;
}
#eMark.detail .charm h3{
	background: #FDFE23;
	font-size: 120%;
	font-weight: 600;
	letter-spacing: 3px;
	text-align: center;
	padding: 25px 0 20px;
	position: relative;
}
#eMark.detail .charm h3:after{
	content: '';
	position: absolute;
	top: -30px; left: 0; right: 0;
	margin: auto;
	background: #FDFE1F url(/specialities/images/i_restaurant.png) no-repeat center 18px;
	width: 70px; height: 50px;
	border-radius: 50px 50px 0 0;
}
#eMark.detail .charm .info{
	background: #fff;
	width: 330px;
	padding: 20px 30px;
	margin: 50px 0 0 60px;
	font-size: 115%;
	line-height: 1.8em;
	box-sizing: border-box;
}
#eMark.detail .charm .photo{}
#eMark.detail .charm .photo p{
	width: 165px;	height: 165px;
	overflow: hidden;
	position: absolute;
	border-radius: 50%;
	border: 5px solid #fff;
	box-sizing: border-box;
}
#eMark.detail .charm .photo p img{
	height: 100%; width: auto;
}
#eMark.detail .charm .photo p:nth-of-type(1){
	top: 100px; right: 45px; z-index: 2;
}
#eMark.detail .charm .photo p:nth-of-type(2){
	top: 200px; right: 160px;
}
#eMark.detail .charm .photo address{
	position: absolute;
	top: 380px; right: 45px;
	width: 270px;
	color: #fff;
	line-height: 1.6em;
}
#eMark.detail .charm .photo address a{
	color: #fff;
}
#eMark.detail .charm .photo address a:hover{
	color: #fff;
	text-decoration: underline;
}



#eMark.detail .message{
	margin-bottom: 80px;
}
#eMark.detail .message .photo{
	text-align: center;
	width: 148px;
	float: left;
}
#eMark.detail .message .photo:before{
	content: url(/specialities/images/message.png);
}
#eMark.detail .message .photo img{
	border-radius: 50%;
}
#eMark.detail .message .info{
	background: #FFFFDE;
	border: 1px solid #7C6E51;
	border-radius: 5px;
	padding: 15px 30px;
	float: right;
	width: 500px;
	line-height: 1.8em;
	position: relative;
}
#eMark.detail .message .info:after{
	content: '';
	position: absolute;
	left: -4px; top: 0; bottom: 0;
	margin: auto;
	height: 5px;
	width: 5px;
	transform: rotate(45deg);
	background: #FFFFDE;
	border:1px solid #7C6E51;
	border-width: 0 0 1px 1px;
}
#eMark.detail .message .info h3{
	font-size: 120%;
	font-weight: 600;
	letter-spacing: 5px;
	margin-bottom: 5px;
}
#eMark.detail .message .info h3 span{
	font-size: 80%;
	font-weight: normal;
	letter-spacing: 2px;
}
#eMark.detail .message .info h3 span:before,
#eMark.detail .message .info h3 span:after{
	content: '／';
	margin: 0 10px;
}


#eMark.detail .information{
	margin-bottom: 60px;
}
#eMark.detail .information table{
	border-top: 1px solid #726256;
	border-collapse:collapse;
	font-size: 115%;
	width: 100%;
}
#eMark.detail .information table tr{
	border-bottom: 1px solid #726256;
}
#eMark.detail .information table tr:nth-of-type(even){
	background: #FDFAFA;
}
#eMark.detail .information table th,
#eMark.detail .information table td{
	padding: 30px 10px 30px 30px;
	line-height: 1.6em;
}
#eMark.detail .information table th{
	text-align: left;
	width: 150px;
	letter-spacing: 3px;
}
#eMark.detail .information table td iframe{
	margin-top: 10px;
}
#eMark.detail .information table td .map a{
	font-size: 80%;
}
#eMark.detail .information table td .contact li{
	display: inline-block;
	width: 46%;
	vertical-align: top;
}
#eMark.detail .information table td .contact img{
	float: left;
	margin-right: 10px;
}
#eMark.detail .information table td .photo li{
	display: inline-block;
	width: 49%;
}
#eMark.detail .information table td .photo li img{
	width: 100%; height: auto;
	margin-bottom: 10px;
}


#eMark.detail .pagination ul{
	text-align: center;
}
#eMark.detail .pagination ul li{
	display: inline-block;
	width: 33%;
	vertical-align: top;
	letter-spacing: 3px;
}
#eMark.detail .pagination ul li.back{
	text-align: right;
}
#eMark.detail .pagination ul li.next{
	text-align: left;
}

#eMark.detail .pagination ul li.back a,
#eMark.detail .pagination ul li.next a{
	display: inline-block;
	width: 100px;
	padding: 20px 25px;
	border-width: 1px 0;
	font-weight: 600;
	box-sizing: border-box;
}
#eMark.detail .pagination ul li.back a{
	background: url(/specialities/images/arrow_l.png) no-repeat right center;
}
#eMark.detail .pagination ul li.next a{
	background: url(/specialities/images/arrow_r.png) no-repeat left center;
}
#eMark.detail .pagination ul li.back a:hover,
#eMark.detail .pagination ul li.next a:hover{
	color: #726256;
}
#eMark.detail .pagination ul li.back a:hover{
	background: url(/specialities/images/arrow_l_on.png) no-repeat right center;
}
#eMark.detail .pagination ul li.next a:hover{
	background: url(/specialities/images/arrow_r_on.png) no-repeat left center;
}


#eMark.detail .pagination ul li img{
	display: inline-block;
	border-radius: 50%;
	margin: 10px 0;
	background: #E8C8C3;
	max-width: 40%;
}
#eMark.detail .pagination ul li span{
	display: block;
}
#eMark.detail .pagination ul li.ct{
	margin: 20px 0;
	font-size: 140%;
	font-weight: 600;
	line-height: 1.6em;
	letter-spacing: 3px;
}
#eMark.detail .pagination ul li.ct span{
	font-size: 80%;
	position: relative;
	margin-top: 30px;
}
#eMark.detail .pagination ul li.ct span:before{
	content: '';
	position: absolute;
	top: -15px; left: 0; right: 0;
	margin: auto;
	width: 0; height: 0;
	border-bottom: 7px solid #726256;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}


#eMark.detail .banner{
	margin: 80px 0;
}
#eMark.detail .banner .smp{
	display: none;
}

#eMark.detail .recommend{}
#eMark.detail .recommend h3{
	font-size: 115%;
	font-weight: 600;
	letter-spacing: 3px;
	margin-bottom: 20px;
}
#eMark.detail .recommend h3 span{
	font-size: 120%;
	letter-spacing: 5px;
	background: #A1CB26;
	border-radius: 20px;
	padding: 3px 30px;
	margin-right: 10px;
}
#eMark.detail .recommend ul{
	text-align: center;
}
#eMark.detail .recommend ul li{
	display: inline-block;
	margin-right: 4px;
  width: 350px;
}
#eMark.detail .recommend ul li:nth-of-type(3n){
	margin-right: 0;
}
#eMark.detail .recommend ul li a{
	font-size: 110%;
	font-weight: 600;
	letter-spacing: 2px;
	margin-top: 10px;
}
#eMark.detail .recommend ul li img{
	margin-bottom: 10px;
  width: 350px;
  height: 200px;
  object-fit: cover;
}



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


	#eMark.detail .inner2{ width: auto;}
	#eMark.detail .bg {
    padding: 20px 0;
	}

	#eMark.detail .category {
    margin: 0 0 20px;
	}
	#eMark.detail .category ul {
    flex-wrap: wrap;
	}
	#eMark.detail .category li {
    width: 32%;
		margin: 5px 0;
	}
	#eMark.detail .category li img {
    height: 40px;
	}
	#eMark.detail .category li a {
    height: 40px;
		padding: 10px 0 0 30px;
		font-size: 90%;
		letter-spacing: 0;
	}

	#eMark.detail .eMarkList:before,
	#eMark.detail .eMarkList:after {
    height: 30px;
	}
	#eMark.detail .eMarkList {
    padding: 60px 20px 40px;
	}
	#eMark.detail .eMarkList .block {
    min-height: auto;
	}
	#eMark.detail .eMarkList .block h3 {
    margin: 20px 0 0;
	}
	#eMark.detail .eMarkList .block ul {
    padding: 10px;
	}
	#eMark.detail .eMarkList .block ul li a {
    font-size: 100%;
    letter-spacing: 2px;
		margin: 4px 5px;
	}

	#eMark.detail .fvDetail .social {
    position: relative;
    top: auto;
		margin-bottom: 20px;
	}
	#eMark.detail .fvDetail h1 {
    font-size: 140%;
	}
	#eMark.detail .fvDetail h1 span:first-of-type {
    margin-bottom: 10px;
	}

	#eMark.detail .fvDetail .slick-slide {
		width: 280px;
		margin: 40px auto 0;
		overflow: hidden;
	}
	#eMark.detail .fvDetail .slick-slider img{
		height: 280px;
	}
	#eMark.detail .fvDetail .slick-slide:before {
    z-index: 1;
	}
	#eMark.detail .fvDetail .slick-prev {
    left: 3% !important;
	}
	#eMark.detail .fvDetail .slick-next {
    right: 3% !important;
	}


	#eMark.detail .catch {
    margin: 80px 10px;
	}
	#eMark.detail .catch h3 {
    font-size: 130%;
    letter-spacing: 1px;
		margin-bottom: 10px;
	}

	#eMark.detail .charm {
    margin: 10px;
		padding-bottom: 10px;
	}
	#eMark.detail .charm h3 {
    letter-spacing: 1px;
		padding: 25px 0 10px;
	}
	#eMark.detail .charm .info {
    width: auto;
    padding: 20px;
    margin: 20px;
	}
	#eMark.detail .charm .photo {
		text-align: center;
		margin: 20px 0;
	}
	#eMark.detail .charm .photo p {
		display: inline-block;
    width: 160px;
    height: 160px;
    overflow: hidden;
    position: static;
	}
	#eMark.detail .charm .photo address {
    position: static;
		width: auto;
	}


	#eMark.detail .message {
    background: #FFFFDE;
		padding: 20px;
		margin-top: 60px;
	}
	#eMark.detail .message .photo {
    float: none;
		margin: auto;
	}
	#eMark.detail .message .info {
    float: none;
    width: auto;
		border: none;
		padding: 15px;
	}
	#eMark.detail .message .info:after {
		content: none;
	}
	#eMark.detail .message .info h3 {
		text-align: center;
	}
	#eMark.detail .message .info h3 span {
		display: block;
	}


	#eMark.detail .information table th,
	#eMark.detail .information table td {
    padding: 20px 5px;
	}
	#eMark.detail .information table th {
    letter-spacing: 2px;
		width: 100px;
	}
	#eMark.detail .information table td iframe {
    width: 100% !important;
	}
	#eMark.detail .information .calendar img{
		width: 100%;
	}
	#eMark.detail .sub {
		width: 260px;
	}
	#eMark.detail .sub .slick-slide {
		margin: 0 2px;
		font-size: 90%;
		line-height: 1.2em;
	}
	#eMark.detail .sub .slick-next {
    right: -30px !important;
	}

	#eMark.detail .information table td .contact li {
    display: block;
    width: auto;
		margin: 10px 0;
	}


	#eMark.detail .pagination ul li {
    width: 29%;
		margin: 0 2%;
	}
	#eMark.detail .pagination ul li.ct {
    font-size: 110%;
		margin: 10px 0;
	}
	#eMark.detail .pagination ul li.back img,
	#eMark.detail .pagination ul li.next img{
    display: none;
	}
	#eMark.detail .pagination ul li.back span,
	#eMark.detail .pagination ul li.next span{
		font-size: 90%;
		letter-spacing: 1px;
		margin-top: 10px;
	}
	#eMark.detail .pagination ul li.ct span {
    margin-top: 20px;
	}
	#eMark.detail .pagination ul li.ct span::before {
    top: -10px;
	}




	#eMark.detail .banner {
    margin: 60px 0 40px;
	}
	#eMark.detail .banner img {
		width: 100%;
	}
	#eMark.detail .banner .pc{
		display: none;
	}
	#eMark.detail .banner .smp{
		display: block;
	}

	#eMark.detail .recommend {
		margin: 40px 0;
	}
	#eMark.detail .recommend ul {
    text-align: left;
		line-height: 1.4em;
	}
	#eMark.detail .recommend ul li {
    margin-right: 2px;
    width: 32%;
		vertical-align: top;
	}
	#eMark.detail .recommend ul li a {
    font-size: 90%;
    letter-spacing: 1px;
		font-weight: normal;
}
	#eMark.detail .recommend ul li img{
    width: 100%;
    height: 80px;
    margin-bottom: 5px;
	}
	#eMark.detail .recommend h3 {
    font-size: 110%;
    letter-spacing: 2px;
    margin-bottom: 10px;
	}
	#eMark.detail .recommend h3 span {
    font-size: 90%;
    letter-spacing: 2px;
    padding: 2px 10px;
	}

}

.invertimg{
	 -webkit-filter: invert(100%) grayscale(100%) brightness(4);
     -moz-filter: invert(100%) grayscale(100%) brightness(4);
     -o-filter: invert(100%) grayscale(100%) brightness(4);
     -ms-filter: invert(100%) grayscale(100%) brightness(4);
     filter: invert(100%) grayscale(100%) brightness(4);
}