@charset "utf-8";

/*information
----------------------------------------------------------------------------------------------*/

#info {
	margin-bottom: 20px;
}
#info ul {
	padding: 20px 20px 30px;
}
#info ul li {
	padding-bottom: 35px;
	margin-bottom: 40px;
	border-bottom: 1px solid #cccccc;
}
#info ul li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}
#info ul li .update {
	margin-bottom: 5px;
}
#info ul li h3 {
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 26px;
	font-weight: bold;	
	margin-bottom: 20px;
}
#info ul li img {
	display: block;
	width: 380px;
	height: auto;
	border: 1px solid #8f8f8f;
	margin: 0 auto 30px auto;
}
#info ul li .txt01 {
	color: #ec4747;
}

@media screen and (max-width: 640px) {
	#info ul {
		padding: 20px;
	}
	#info ul li {
		padding-bottom: 20px;
		margin-bottom: 25px;
	}
	#info ul li h3 {
		font-size: 18px;
		margin-bottom: 15px;
	}
	#info ul li img {
		width: 100%;
		margin: 0 auto 15px auto;
	}
}

/*sp記述*/


/*news
----------------------------------------------------------------------------------------------*/

#newsWrap {
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
}
#newsIn {
	padding: 20px 12px;
}

#specialContents #mainLeft #shopStatus,
#specialContents #mainLeft #shopNews,
#specialContents #mainLeft #eventNews,
#specialContents #mainLeft #news {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}

#shopStatus {
	margin-bottom: 20px;
}
#shopStatus .sectionIn {
	padding: 17px 0px 20px;
}
#shopStatus .sectionIn .prev {
	float: left;
	margin-top: 78px;
	margin-right: 10px;
}
#shopStatus .sectionIn .next {
	float: right;
	margin-top: 78px;
}
#shopStatus .sectionIn > .clearfix {
	margin-bottom: 20px;
}

#shopStatus #statusSlider {
	width: 622px;
	float: left;
	text-align: center;
}
#shopStatus #statusSlider img {
	display: inline;
}
#shopStatus #statusSlider ul li {
	width: 202px;
	border: 1px solid #adadad;
	float: left;
	text-align: center;
}
#shopStatus #statusSlider ul li .clearfix p:first-child {
	float: left;
	width: 80px;
	text-align: center;
	padding-top: 9px;
	height: 27px;
	font-size: 12px;
	line-height: 10px;
	color: #fff;
}
#shopStatus #statusSlider ul li .clearfix .close {
	background: #acacac;
}
#shopStatus #statusSlider ul li .clearfix .renewal {
	background: #f58500;
}
#shopStatus #statusSlider ul li .clearfix .open {
	background: #ff1d1d;
}
#shopStatus #statusSlider ul li .clearfix p:last-child {
	float: left;
	width: 120px;
	text-align: center;
	padding-top: 7px;
	height: 27px;
	line-height: 12px;
	font-size: 12px;
	color: #5c5c5c;
	background: #ececec;
}
#shopStatus #statusSlider ul li .logo {
	display: table-cell;
	height: 150px;
	width: 200px;
	vertical-align: middle;
	text-align: center;
}

#shopNews {
	margin-bottom: 20px;
}
#shopNews .sectionIn {
	padding: 20px 18px;
}
#shopNews ul {
	padding-bottom: 5px;
}
#shopNews ul li {
	float: left;
	margin: 0 15px 15px 0;
	width: 200px;
}
#shopNews ul li a {
	position: relative;
	display: block;
}
#shopNews ul li a:hover {
	opacity: 0.7;
}
#shopNews ul li:nth-child(3n) {
	margin-right: 0;
}
#shopNews ul li a > p {
	font-size: 10px;
	padding-top: 3px;
}
#shopNews ul li a > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: auto;
}
#shopNews ul li .newsImg {
	text-align: center;
	height: 198px;
	padding: 5px;
	overflow: hidden;
	border-left: 1px solid #adadad;
	border-right: 1px solid #adadad;
	border-top: 1px solid #adadad;
}
#shopNews ul li .newsImg img {
	width: 100%;
	height: auto;
}
#shopNews ul li .newsTxt {
	background: #e9e9e9;
	border: 1px solid #adadad;
	padding: 8px;
}
#shopNews ul li .newsTxt h4 {
	font-size: 14px;
	margin-bottom: 5px;
}
#shopNews ul li .newsTxt > div {
	font-size: 12px;
	color: #0091db;
}

#recommendation {
	margin-bottom: 20px;
}
#recommendation .sectionIn {
	padding: 20px 18px;
}
#recommendation ul.clearfix {
	margin-bottom: 20px;
}
#recommendation ul.clearfix > li {
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	float: left;
	padding: 4px;
	width: 209px;
	height: 209px;
}
#recommendation ul.clearfix > li:nth-child(1),
#recommendation ul.clearfix > li:nth-child(2),
#recommendation ul.clearfix > li:nth-child(3) {
	border-top: 1px solid #999999;
}
#recommendation ul.clearfix > li:nth-child(3n+1) {
	border-left: 1px solid #999999;
}

#eventNews {
	margin-bottom: 20px;
}
#eventNews .sectionIn {
	padding: 20px 18px;
}
#eventNews ul {
	padding-bottom: 5px;
}
#eventNews ul li {
	float: left;
	margin: 0 15px 15px 0;
	width: 200px;
}
#eventNews ul li a {
	position: relative;
	display: block;
	border: 1px solid #adadad;
}
#eventNews ul li a:hover {
	opacity: 0.7;
}
#eventNews ul li:nth-child(3n) {
	margin-right: 0;
}
#eventNews ul li a > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: auto;
}
#eventNews ul li .newsImg {
	text-align: center;
	height: 198px;
	padding: 5px;
	overflow: hidden;
}
#eventNews ul li .newsImg img {
	width: 100%;
	height: auto;
}
#eventNews ul li .newsTxt {
	background: #e9e9e9;
	border-top: 1px solid #adadad;
	padding: 8px;
}
#eventNews ul li .newsTxt h4 {
	font-size: 14px;
	margin-bottom: 5px;
}
#eventNews ul li .newsTxt > div {
	font-size: 12px;
	color: #0091db;
}

#news .sectionIn {
	padding: 20px 8px;
}
#news dl {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 12px;
	margin-bottom: 15px;
}
#news .sectionIn dl:last-child {
	margin: 0;
	padding: 0;
	border: 0;
}
#news dl dt {
	float: left;
	width: 110px;
	padding-left: 10px;
}
#news dl dt span {
	display: none;
}
#news dl dd {
	line-height: 1.6;
	float: left;
	width: 540px;
	padding-right: 30px;
	background: url(/mop/common/images/common/bg_yaji01.gif) 520px center no-repeat;
}
#news dl dd span {
	display: inline-block;
	margin-right: 10px;
	background: #0091db;
	color: #fff;
	text-align: center;
	padding: 3px 5px;
	font-size: 10px;
}
#news dl dd a {
	width: 100%;
}
#news dl dd a:hover {
	color: #999;
}



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

	#newsWrap {
		background: none;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
	}
	#newsIn {
		padding: 0;
	}

	#specialContents #mainLeft #shopStatus,
	#specialContents #mainLeft #shopNews,
	#specialContents #mainLeft #eventNews,
	#specialContents #mainLeft #news {
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	#shopStatus .sectionIn {
		padding: 10px 5px;
	}
	#shopStatus .sectionIn .prev {
		margin-top: 47px;
		margin-right: 5px;
		width: 6px;
	}
	#shopStatus .sectionIn .next {
		margin-top: 47px;
		width: 6px;
	}
	#shopStatus .sectionIn .prev img,
	#shopStatus .sectionIn .next img {
		width: 100%;
		height: auto;
	}
	#shopStatus .sectionIn > .clearfix {
		margin-bottom: 10px;
	}

	#shopStatus #statusSlider {
		width: 269px;
		height: 98px;
		overflow: hidden;
	}
	#shopStatus #statusSlider ul li {
		width: 85px;
	}
	#shopStatus #statusSlider ul li .clearfix p:first-child {
		float: none;
		width: 100%;
		padding-top: 4px;
		height: 18px;
		font-size: 9px;
		font-weight: bold;
		line-height: 10px;
	}
	#shopStatus #statusSlider ul li .clearfix p:last-child {
		float: none;
		width: 100%;
		padding-top: 4px;
		height: 18px;
		line-height: 10px;
		font-size: 9px;
	}
	#shopStatus #statusSlider ul li .logo {
		height: 60px;
		width: 83px;
	}
	#shopStatus #statusSlider ul li .logo img {
		width: 80%;
		height: auto;
		display: block;
		margin: 0 auto;
	}


	#shopNews .sectionIn {
		padding: 15px 10px;
	}
	#shopNews ul li {
		margin: 0 4% 10px 0;
		width: 48%;
	}
	#shopNews ul li:nth-child(3n) {
		margin: 0 4% 10px 0;
	}
	#shopNews ul li:nth-child(2n) {
		margin-right: 0;
	}
	#shopNews ul li a > img {
		width: 20px;
	}
	#shopNews ul li .newsImg {
		height: 134px;
		padding: 3px;
	}
	#shopNews ul li .newsTxt {
		padding: 5px;
	}
	#shopNews ul li .newsTxt h4 {
		font-size: 12px;
	}
	#recommendation .sectionIn {
		padding: 20px;
		position: relative;
	}
	#recommendation ul.bxslider > li {
		border: 1px solid #999999;
		padding: 4px;
	}
	#recommendation .prev {
		position: absolute;
		top: 20px;
		left: 0px;
		z-index: 1;
	}
	#recommendation .next {
		position: absolute;
		top: 20px;
		right: 0px;
		z-index: 1;
	}
	#recommendation .listBtn {
		margin-top: 20px;
	}

	#eventNews .sectionIn {
		padding: 15px 10px;
	}
	#eventNews ul li {
		margin: 0 4% 10px 0;
	}
	#eventNews ul li:nth-child(3n) {
		margin: 0 4% 10px 0;
	}
	#eventNews ul li:nth-child(2n) {
		margin-right: 0;
	}
	#eventNews ul li a > img {
		width: 20px;
	}
	#eventNews ul li .newsImg {
		height: 134px;
		padding: 3px;
	}
	#eventNews ul li .newsTxt {
		padding: 5px;
	}
	#eventNews ul li .newsTxt > div:nth-child(1) {
		font-size: 10px;
		margin-bottom: 3px;
	}
	#eventNews ul li .newsTxt > div:nth-child(2) {
		font-size: 10px;
		margin-bottom: 10px;
	}
	#eventNews ul li .newsTxt > div span {
		padding: 3px 2px;
		margin-right: 3px;
		line-height: 8px;
		font-size: 8px;
		vertical-align: bottom;
	}

	#news {
		padding-bottom: 15px;
	}
	#news .sectionIn {
		padding: 10px;
	}
	#news dl {
		padding-bottom: 8px;
		margin-bottom: 10px;
	}
	#news dl:last-child {
		margin-bottom: 10px;
		padding: 0;
		border: 0;
	}
	#news dl dt {
		float: none;
		width: auto;
		padding: 0px;
		margin-bottom: 5px;
	}
	#news dl dt span {
		display: inline-block;
		margin-left: 10px;
		background: #0091db;
		color: #fff;
		text-align: center;
		padding: 2px 5px;
		font-size: 8px;
	}
	#news dl dd {
		float: none;
		width: auto;
		padding: 0px;
		background: none;
	}
	#news dl dd span {
		display: none;
	}
	#news dl dd a {
		display: block;
	}
}

/*sp記述*/


/*event
----------------------------------------------------------------------------------------------*/

#event > ul {
	padding: 10px 20px;
}
#event > ul li {
	border-bottom: 1px solid #eeeeee;
	display: table;
	padding: 30px 0;
	width: 100%;
	table-layout: fixed;
}
#event > ul li:last-child {
	border: 0;
}
#event > ul li a:hover {
	text-decoration: underline;
}
#event > ul li .leftPh {
	width: 175px;
	display: table-cell;
	vertical-align: top;
}
#event > ul li .leftPh img {
	width: 100%;
	height: auto;
	border: 1px solid #7e7e7e;
}
#event > ul li .rightPh {
	padding-left: 20px;
	display: table-cell;
	vertical-align: top;
}
#event > ul li .rightPh h3 {
	margin-bottom: 5px;
}
#event > ul li .rightPh h3 a {
	font-size: 18px;
	font-weight: bold;
}


/*detail*/

#event .detailBox {
	padding: 30px 40px;
}
#event .detailBox h3 {
	font-family: "Noto Sans JP" !important;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 5px;
}
#event .txt01 {
	color: #ec4747;
}
#event .detailBox .eventInfo01 {
	margin-bottom: 15px;
}
#event .detailBox .image {
	margin: 0 auto 20px auto;
        text-align: center;
}
#event .detailBox .image img {
	width: 100%;
	height: auto;
	border: 1px solid #7e7e7e;
}

#event .detailBox .eventInfo02 {
	margin-top: 20px;
	background: #f6f6f6;
	padding: 10px;
}
#event .detailBox .eventInfo02 dl {
	background: #fff;
	padding: 0 15px;
	display: table;
	width: 100%;
	table-layout: fixed;
}
#event .detailBox .eventInfo02 dl dt {
	display: table-cell;
	vertical-align: top;
	border-bottom: 1px solid #eeeeee;
	width: 150px;
	font-weight: bold;
	padding: 10px 0;
}
#event .detailBox .eventInfo02 dl dd {
	display: table-cell;
	vertical-align: top;
	border-bottom: 1px solid #eeeeee;
	padding: 10px 0;
	word-wrap: break-word;
}


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

	#event > ul {
		padding: 10px;
	}
	#event > ul li {
		padding: 15px 0;
	}
	#event > ul li .leftPh {
		width: 85px;
	}
	#event > ul li .rightPh {
		padding-left: 10px;
	}
	#event > ul li .rightPh h3 a {
		font-size: 12px;
	}
	/*detail*/
	#event .detailBox {
		padding: 15px 10px;
	}
	#event .detailBox h3 {
		font-size: 18px;
	}
	#event .detailBox .image {
		width: 100%;
		margin: 0 auto 15px auto;
	}

	#event .detailBox .eventInfo02 {
		padding: 5px;
	}
	#event .detailBox .eventInfo02 dl {
		background: #fff;
		padding: 0 15px;
		display: table;
		width: 100%;
		table-layout: fixed;
	}
	#event .detailBox .eventInfo02 dl dt {
		width: 80px;
		font-size: 10px;
	}
	#event .detailBox .eventInfo02 dl dd {
		font-size: 10px;
	}
}

/*sp記述*/


/*shopnews
----------------------------------------------------------------------------------------------*/

#shopNews02 > ul {
	padding: 10px 20px;
}
#shopNews02 > ul li {
	border-bottom: 1px solid #eeeeee;
	display: table;
	padding: 25px 0;
	width: 100%;
	table-layout: fixed;
}
#shopNews02 > ul li:last-child {
	border: 0;
}
#shopNews02 > ul li a:hover {
	text-decoration: underline;
}
#shopNews02 > ul li .leftPh {
	width: 175px;
	display: table-cell;
	vertical-align: top;
}
#shopNews02 > ul li .leftPh img {
	width: 100%;
	height: auto;
}
#shopNews02 > ul li .rightPh {
	padding-left: 20px;
	display: table-cell;
	vertical-align: top;
}
#shopNews02 > ul li .rightPh h3 {
	margin-bottom: 5px;
}
#shopNews02 > ul li .rightPh h3 a {
	font-size: 18px;
	font-weight: bold;
}
#shopNews02 .category {
	margin: 20px 0 10px;
	vertical-align: bottom;
}
#shopNews02 .category span {
	display: inline-block;
	font-size: 10px;
	padding: 5px 10px;
	min-width: 110px;
	text-align: center;
	background: #7e7e7e;
	color: #fff;
	line-height: 10px;
	margin: 0 5px 5px 0;
}
#shopNews02 .shopLink {
	color: #f58500;
	text-decoration: underline;
	font-weight: bold;
}
#shopNews02 .shopLink:hover {
	text-decoration: none;
}



/*detail*/

#shopNews02 .sectionIn {
	padding: 30px 20px;
}
#shopNews02 .detailBox {
	padding: 0px 20px;
}
#shopNews02 .detailBox h3 {
	font-family: "Noto Sans JP";
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 5px;
}
#shopNews02 .detailBox .shopLink {
	display: block;
	margin-bottom: 20px;
	color: #333;
}

#shopNews02 .detailBox .image {
	margin: 0 auto 20px auto;
        text-align: center;
}
#shopNews02 .detailBox .image img {
	width: 100%;
	height: auto;
	border: 1px solid #7e7e7e;
}
#shopNews02 .detailBox .price {
	background-color: #f0f0f0;
	padding: 8px 4px;
	text-align: right;
}

#shopNews02 .txt01 {
	color: #ec4747;
}
#shopNews02 .shopInfo {
	border-top: 1px solid #eeeeee;
	padding: 30px 20px 0;
	display: table;
	width: 100%;
	table-layout: fixed;
	margin-top: 30px;
}
#shopNews02 .shopInfo .leftPh {
	width: 180px;
	display: table-cell;
	vertical-align: top;
}
#shopNews02 .shopInfo .leftPh img {
	width: 100%;
	height: auto;
}
#shopNews02 .shopInfo .rightPh {
	padding-left: 20px;
	display: table-cell;
	vertical-align: top;
}
#shopNews02 .shopInfo .rightPh ul {
	float: left;
	margin: 10px 0;
}
#shopNews02 .shopInfo .rightPh ul li {
	float: right;
	width: 35px;
	margin-left: 5px;
}
#shopNews02 .shopInfo .rightPh ul li:last-child {
	margin-left: 0px;
}
#shopNews02 .shopInfo .rightPh ul li img {
	width: 100%;
	height: auto;
}
#shopNews02 .shopInfo .rightPh .category {
	margin-top: 0;
}
#shopNews02 .shopInfo .rightPh .shopName {
	margin-bottom: 15px;
	line-height: 1.6;
}
#shopNews02 .shopInfo .rightPh .shopName span {
	font-size: 18px;
	font-weight: bold;
}

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


	#shopNews02 > ul {
		padding: 10px;
	}
	#shopNews02 > ul li {
		padding: 15px 0;
	}
	#shopNews02 > ul li .leftPh {
		width: 85px;
	}
	#shopNews02 > ul li .rightPh {
		padding-left: 10px;
	}
	#shopNews02 > ul li .rightPh h3 a {
		font-size: 12px;
	}
	#shopNews02 .category {
		font-size: 8px;
		margin: 15px 0 5px;
		vertical-align: bottom;
	}
	#shopNews02 .category span {
		font-size: 8px;
		min-width: 80px;
		padding: 3px 0;
	}
	/*detail*/
	#shopNews02 .sectionIn {
		padding: 15px 10px;
	}
	#shopNews02 .detailBox {
		padding: 0px;
	}
	#shopNews02 .detailBox h3 {
		font-size: 18px;
		margin-bottom: 0px;
	}

	#shopNews02 .detailBox .image {
		width: 100%;
		margin: 0 auto 15px auto;
	}
	#shopNews02 .shopInfo {
		padding: 15px 0 0;
		margin-top: 15px;
	}
	#shopNews02 .shopInfo .leftPh {
		width: 90px;
	}
	#shopNews02 .shopInfo .rightPh {
		padding-left: 15px;
	}
	#shopNews02 .shopInfo .rightPh .shopName {
		margin-bottom: 5px;
		line-height: 1.4;
	}
	#shopNews02 .shopInfo .rightPh .shopName + p {
		font-size: 10px;
		font-weight: bold;
	}
	#shopNews02 .shopInfo .rightPh .shopName span {
		font-size: 14px;
	}
	#shopNews02 .shopInfo .rightPh ul li {
		float: right;
		width: 20px;
		margin-left: 3px;
	}
}

/*sp記述*/


/*おすすめアイテム
----------------------------------------------------------------------------------------------*/

#recommendation02 > ul {
	padding: 10px 20px;
}
#recommendation02 > ul li {
	border-bottom: 1px solid #eeeeee;
	display: table;
	padding: 25px 0;
	width: 100%;
	table-layout: fixed;
}
#recommendation02 > ul li:last-child {
	border: 0;
}
#recommendation02 > ul li a:hover {
	text-decoration: underline;
}
#recommendation02 > ul li .leftPh {
	width: 175px;
	display: table-cell;
	vertical-align: top;
}
#recommendation02 > ul li .leftPh img {
	width: 100%;
	height: auto;
}
#recommendation02 > ul li .rightPh {
	padding-left: 20px;
	display: table-cell;
	vertical-align: top;
}
#recommendation02 > ul li .rightPh h3 {
	margin-bottom: 5px;
}
#recommendation02 > ul li .rightPh h3 a {
	font-size: 18px;
	font-weight: bold;
}
#recommendation02 .category {
	margin: 20px 0 10px;
	vertical-align: bottom;
}
#recommendation02 .category span {
	display: inline-block;
	font-size: 10px;
	padding: 5px 10px;
	min-width: 110px;
	text-align: center;
	background: #7e7e7e;
	color: #fff;
	line-height: 10px;
	margin: 0 5px 5px 0;
}
#recommendation02 .shopLink {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}
#recommendation02 .shopLink:hover {
	text-decoration: none;
}



/*detail*/

#recommendation02 .sectionIn {
	padding: 30px 20px;
}
#recommendation02 .detailBox {
	padding: 0px 20px;
}
#recommendation02 .detailBox h3 {
	font-family: "Noto Sans JP"!important;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 5px;
}
#recommendation02 .detailBox .shopLink {
	display: block;
	margin-bottom: 20px;
	color: #333;
}

#recommendation02 .detailBox .image {
	margin: 0 auto 20px auto;
        text-align: center;
}
#recommendation02 .detailBox .image img {
	width: 100%;
	height: auto;
	border: 1px solid #7e7e7e;
}
#recommendation02 .detailBox .price {
	background-color: #f0f0f0;
	padding: 8px 4px;
	text-align: right;
}

#recommendation02 .txt01 {
	color: #ec4747;
}
#recommendation02 .shopInfo {
	border-top: 1px solid #eeeeee;
	padding: 30px 20px 0;
	display: table;
	width: 100%;
	table-layout: fixed;
	margin-top: 30px;
}
#recommendation02 .shopInfo .leftPh {
	width: 180px;
	display: table-cell;
	vertical-align: top;
}
#recommendation02 .shopInfo .leftPh img {
	width: 100%;
	height: auto;
}
#recommendation02 .shopInfo .rightPh {
	padding-left: 20px;
	display: table-cell;
	vertical-align: top;
}
#recommendation02 .shopInfo .rightPh ul {
	float: left;
	margin: 10px 0;
}
#recommendation02 .shopInfo .rightPh ul li {
	float: right;
	width: 35px;
	margin-left: 5px;
}
#recommendation02 .shopInfo .rightPh ul li:last-child {
	margin-left: 0px;
}
#recommendation02 .shopInfo .rightPh ul li img {
	width: 100%;
	height: auto;
}
#recommendation02 .shopInfo .rightPh .category {
	margin-top: 0;
}
#recommendation02 .shopInfo .rightPh .shopName {
	margin-bottom: 15px;
	line-height: 1.6;
}
#recommendation02 .shopInfo .rightPh .shopName span {
	font-size: 18px;
	font-weight: bold;
}

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


	#recommendation02 > ul {
		padding: 10px;
	}
	#recommendation02 > ul li {
		padding: 15px 0;
	}
	#recommendation02 > ul li .leftPh {
		width: 85px;
	}
	#recommendation02 > ul li .rightPh {
		padding-left: 10px;
	}
	#recommendation02 > ul li .rightPh h3 a {
		font-size: 12px;
	}
	#recommendation02 .category {
		font-size: 8px;
		margin: 15px 0 5px;
		vertical-align: bottom;
	}
	#recommendation02 .category span {
		font-size: 8px;
		min-width: 80px;
		padding: 3px 0;
	}
	/*detail*/
	#recommendation02 .sectionIn {
		padding: 15px 10px;
	}
	#recommendation02 .detailBox {
		padding: 0px;
	}
	#recommendation02 .detailBox h3 {
		font-size: 18px;
		margin-bottom: 0px;
	}

	#recommendation02 .detailBox .image {
		width: 100%;
		margin: 0 auto 15px auto;
	}
	#recommendation02 .shopInfo {
		padding: 15px 0 0;
		margin-top: 15px;
	}
	#recommendation02 .shopInfo .leftPh {
		width: 90px;
	}
	#recommendation02 .shopInfo .rightPh {
		padding-left: 15px;
	}
	#recommendation02 .shopInfo .rightPh .shopName {
		margin-bottom: 5px;
		line-height: 1.4;
	}
	#recommendation02 .shopInfo .rightPh .shopName + p {
		font-size: 10px;
		font-weight: bold;
	}
	#recommendation02 .shopInfo .rightPh .shopName span {
		font-size: 14px;
	}
	#recommendation02 .shopInfo .rightPh ul li {
		float: right;
		width: 20px;
		margin-left: 3px;
	}
}

/*sp記述*/


/*special
----------------------------------------------------------------------------------------------*/

#special .sectionIn {
	padding: 30px 45px;
}
#special ul li {
	margin-bottom: 20px;
}
#special ul li:last-child {
	margin-bottom: 0;
}
#special ul li img {
	width: 100%;
	height: auto;
}
.fbLikeBox {
	padding: 20px 0 0 0;
}
#specialContents {
	width: 1000px;
	margin: 0 auto;
}

#specialBanner {
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
	padding: 20px 25px;
}

#specialLeft {
	margin-top: 20px;
	width: 290px;
	position: relative;
	top: 0;
	left: 0;
}
#specialRight {
	float: right;
	width: 690px;
}
#specialRight > ul {
	padding-bottom: 20px;
}
#specialRight > ul li {
	margin-bottom: 10px;
}
#specialRight .specialTitle {
	margin-bottom: 15px;
}
#specialRight .specialTitle img {
	display: block;
}
#specialRight .specialTitle span {
	display: none;
}

#specialMenu {
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
	margin-bottom: 20px;
}
#specialMenu a {
	font-size: 14px;
	font-weight: bold;
	color: #979797;
	height: 46px;
	line-height: 46px;
	padding-left: 80px;
	display: block;
	background-position: 20px center;
	background-repeat: no-repeat;
	background-size: 43px 34px;
	background-color: #fff;
}
#specialMenu a:hover {
	background-color: #fff7ee;
}
#specialContents .ladies {
	background-image: url(/mop/common/images/common/bg_pulldown01.png);
}
#specialContents .mensladies {
	background-image: url(/mop/common/images/common/bg_pulldown02.png);
}
#specialContents .mens {
	background-image: url(/mop/common/images/common/bg_pulldown03.png);
}
#specialContents .kids {
	background-image: url(/mop/common/images/common/bg_pulldown04.png);
}
#specialContents .sports {
	background-image: url(/mop/common/images/common/bg_pulldown05.png);
}
#specialContents .shoes {
	background-image: url(/mop/common/images/common/bg_pulldown06.png);
}
#specialContents .fashion {
	background-image: url(/mop/common/images/common/bg_pulldown07.png);
}
#specialContents .goods {
	background-image: url(/mop/common/images/common/bg_pulldown08.png);
}
#specialContents .watch {
	background-image: url(/mop/common/images/common/bg_pulldown09.png);
}
#specialContents .gourmet {
	background-image: url(/mop/common/images/common/bg_pulldown10.png);
}
#specialContents .service {
	background-image: url(/mop/common/images/common/bg_pulldown11.png);
}



.specialList {
	padding-bottom: 30px;
}
.specialList li {
	width: 340px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.specialList li:nth-child(2n) {
	margin-right: 0;
}
.specialList li a {
	display: block;
	border: 1px solid #adadad;
}
.specialList li h4 {
	font-size: 16px;
	background: #ececec;
	padding: 10px 15px;
}
.specialList li .specialListIn {
	padding: 13px;
	display: table;
	width: 100%;
	table-layout: fixed;
	background: #fff;
}
.specialList li .specialListIn div {
	display: table-cell;
	/*width:113px;*/
	vertical-align: top;
}
.specialList li .specialListIn div img {
	max-width: 90%;
	height: auto;
}
.specialList li .specialListIn p {
	display: table-cell;
	vertical-align: top;
	padding-left: 13px;
}



#specialContents #mainRight section {
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
}

#specialContents #mainRight .searchForm,
#specialContents #mainRight .movie,
#specialContents #mainRight .info01,
#specialContents #mainRight .chirashi,
#specialContents #mainRight .mailmagazine,
#specialContents #mainRight .mailmagazine + p,
#specialContents #mainRight .card,
#specialContents #mainRight .appSide,
#specialContents #mainRight .fbBox,
#specialContents #mainRight .sideMenu,
#specialContents #mainRight #sideBanner,
#specialContents #mainRight #contact + p {
	display: none !important;
}

#specialContents #mainRight .chirashi {
	background: none;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	margin-bottom: 20px;
}
#specialContents #mainRight .chirashi h2 {
	background: url(/mop/common/images/common/bg_asidetitle07.png) left center no-repeat;
	background-size: 25px 20px;
	padding-left: 35px;
	font-size: 15px;
	color: #6f6f6f;
	margin-bottom: 10px;
}
#specialContents #mainRight .chirashi > div {
	padding: 15px;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
}

#specialContents #mainRight .mailmagazine {
	background: none;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	margin-bottom: 20px;
}


#specialContents #mainRight .mailmagazine > div {
	padding: 15px 20px;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
}

#specialContents #mainRight .mailmagazine img {
	width: 100%;
	height: auto;
	display: block;
}

#specialContents #mainRight .mailmagazine .listBtn {
	font-size: 14px;
	padding: 8px 0;
}

#specialContents #mainRight .card {
	background: none;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	margin-bottom: 20px;
}


#specialContents #mainRight .card > div {
	padding: 15px 20px;
	background: #fffeea;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
}

#specialContents #mainRight .card img {
	width: 100%;
	height: auto;
}

#specialContents #mainRight .card a {
	font-size: 12px;
	color: #fff;
	display: block;
	text-align: center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 8px 0;
	position: relative;
	width: 100%;
}

#specialContents #mainRight .card a:hover {
	opacity: 0.7;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
}

#specialContents #mainRight .card a:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -5px;
	right: 10px;
	background: url(/mop/common/images/common/bg_list02.png) 0 0 no-repeat;
	background-size: 7px 10px;
	width: 7px;
	height: 10px;
}

#specialContents #mainRight .card .btn02 {
	background: #ff4f4f;
}

#specialContents #mainRight .card .btn01 {
	background: #7e7e7e;
}

#specialContents #mainRight .card p {
	color: #ff4f4f;
	margin: 10px 0 5px;
}

#specialContents #mainRight .appSide {
	background: none;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	margin-bottom: 20px;
}


#specialContents #mainRight .appSide > div {
	padding: 15px 20px;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
}

#specialContents #mainRight .appSide img {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 15px;
}

#specialContents #mainRight .appSide .listBtn {
	font-size: 14px;
	padding: 8px 0;
}


#specialContents02 {
	width: 1000px;
	margin: 0 auto;
}
#specialContents02 #specialContentsIn {
	padding: 25px;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
}



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

	#special .sectionIn {
		padding: 10px;
	}
	#special ul li {
		margin-bottom: 10px;
	}
	/*special template*/
	#specialContents {
		width: 100%;
		margin: 0 auto;
	}
	#specialLeft {
		position: static;
		width: 100%;
		padding: 0px 10px 0;
	}
	#specialRight {
		float: none;
		width: 100%;
		padding: 0 10px;
		margin-bottom: 20px;
	}

	@media screen and (max-width: 640px) {
		#specialRight {
			margin-top: 20px;
			float: none;
			width: 100%;
			padding: 0 10px;
			margin-bottom: 20px;
		}
	}

	#specialRight > ul {
		padding-top: 10px;
		padding-bottom: 0;
	}
	.fbLikeBox {
		padding: 0px 0 10px;
	}

	#accordionWrap {
		background: #fff;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		overflow: hidden;
	}
	#specialContents .accordion {
		padding: 0 10px;
	}

	#specialRight .specialTitle {
		margin-bottom: 5px;
	}
	#specialRight .specialTitle img {
		display: none;
	}
	#specialRight .specialTitle span {
		display: block;
		background-position: 5px center;
		background-repeat: no-repeat;
		background-size: 43px 34px;
		height: 47px;
		line-height: 47px;
		position: relative;
		font-size: 15px;
		font-weight: bold;
		color: #979797;
		padding-left: 65px;
	}
	#specialRight .specialTitle span:after {
		display: block;
		content: "";
		width: 20px;
		height: 20px;
		position: absolute;
		top: 50%;
		margin-top: -10px;
		right: 10px;
		background: url(/mop/common/images/common/bg_accordion03.png) 0 0 no-repeat;
		background-size: 20px 20px;
	}
	#specialRight .specialTitle.active span:after {
		background: url(/mop/common/images/common/bg_accordion03_on.png) 0 0 no-repeat;
		background-size: 20px 20px;
	}

	.specialList li {
		width: 100%;
		float: none;
		margin-right: 0px;
		margin-bottom: 10px;
	}
	.specialList li h4 {
		font-size: 13px;
	}
	.specialList li .specialListIn {
		padding: 10px;
	}
	.specialList li .specialListIn div {
		width: 95px;
	}
	.specialList li .specialListIn p {
		padding-left: 10px;
	}


	#specialMenu {
		display: none;
	}
	#specialContents #mainRight {
		width: 100%;
	}

	#specialContents #mainRight .chirashi,
	#specialContents #mainRight .mailmagazine,
	#specialContents #mainRight .card,
	#specialContents #mainRight .appSide,
	#specialContents #mainRight .sideMenu,
	#specialContents #mainRight #sideBanner {
		display: block !important;
	}


	#specialContents #mainRight {
		padding-top: 20px;
		width: 100%;
		float: none;
	}

	#specialContents #mainRight #contact {
		background: none;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		margin-bottom: 20px;
		margin-bottom: 20px;
	}
	#specialContents #mainRight .contactIn {
		background: #fff;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		padding: 10px;
	}
	#specialContents #mainRight .appSide > div,
	#specialContents #mainRight .card > div,
	#specialContents #mainRight .mailmagazine > div {
		padding: 15px;
	}

	#specialContents02 {
		width: 100%;
		padding: 0 10px;
	}
	#specialContents02 #specialContentsIn {
		padding: 10px;
	}
}

/*sp記述*/


/*openclose
----------------------------------------------------------------------------------------------*/

#openClose .sectionIn {
	padding: 30px 20px 0px 20px;
}
#openClose .ul {
	margin-bottom: 40px;
}
#openClose .ul li {
	margin-right: 17px;
}
#openClose .ul li:last-child {
	margin-right: 0;
}

#openClose .opencloseList {
	margin-bottom: 10px;
}
#openClose .opencloseList li {
	border-bottom: 1px solid #eeeeee;
	display: table;
	padding: 20px 0;
	width: 100%;
	table-layout: fixed;
}
#openClose .opencloseList li:last-child {
	border: 0;
}
#openClose .opencloseList li a:hover {
	text-decoration: underline;
}
#openClose .opencloseList li .leftPh {
	width: 175px;
	display: table-cell;
	vertical-align: top;
}
#openClose .opencloseList li .leftPh img {
	width: 100%;
	height: auto;
}
#openClose .opencloseList li .rightPh {
	padding-left: 20px;
	display: table-cell;
	vertical-align: top;
}
#openClose .opencloseList li .rightPh h3 {
	margin-bottom: 5px;
}
#openClose .opencloseList li .rightPh h3 a {
	font-size: 18px;
	font-weight: bold;
}
#openClose .category {
	margin: 0px 0 10px;
	vertical-align: bottom;
}
#openClose .category span {
	display: inline-block;
	font-size: 10px;
	padding: 5px 10px;
	min-width: 110px;
	text-align: center;
	background: #7e7e7e;
	color: #fff;
	line-height: 10px;
	margin: 0 5px 5px 0;
}
#openClose .shopLink {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}
#openClose .shopNoLink {
	color: #000000;
	font-weight: bold;
}
#openClose .shopLink:hover {
	text-decoration: none;
}
#openClose h3 {
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 26px;
	font-weight: bold;
}
@media only screen and (max-width: 768px) {
	#openClose h3 {
		font-size: 18px;
	}
}

/*detail*/

#openClose .detailBox {
	padding: 0px 20px;
}
#openClose .detailStatus {
	margin-bottom: 20px;
}
#openClose .detailBox h4 {
	font-size: 18px;
	margin-bottom: 40px;
}
#openClose .detailBox .shopLink {
	display: block;
	margin-bottom: 15px;
	font-size: 16px;
}
#openClose .detailBox .shopNoLink {
	display: block;
	margin-bottom: 15px;
	font-size: 16px;
}
#openClose .detailBox .image {
	margin: 0 auto 50px auto;
}
#openClose .detailBox .image img {
	width: 100%;
	height: auto;
}

#openClose .shopInfo {
	border-top: 1px solid #eeeeee;
	padding: 30px 0px;
	display: table;
	width: 100%;
	table-layout: fixed;
	margin-top: 30px;
}
#openClose .shopInfo .leftPh {
	width: 180px;
	display: table-cell;
	vertical-align: top;
}
#openClose .shopInfo .leftPh img {
	width: 100%;
	height: auto;
}
#openClose .shopInfo .rightPh {
	padding-left: 20px;
	display: table-cell;
	vertical-align: top;
}
#openClose .shopInfo .rightPh ul {
	float: left;
	margin: 10px 0;
}
#openClose .shopInfo .rightPh ul li {
	float: right;
	width: 35px;
	margin-left: 5px;
}
#openClose .shopInfo .rightPh ul li:last-child {
	margin-left: 0px;
}
#openClose .shopInfo .rightPh ul li img {
	width: 100%;
	height: auto;
}
#openClose .shopInfo .rightPh .category {
	margin-top: 0;
}
#openClose .shopInfo .rightPh .shopLink {
	font-size: 16px;
	display: block;
	margin-bottom: 5px;
}
#openClose .shopInfo .rightPh .shopNoLink {
	font-size: 16px;
	display: block;
	margin-bottom: 5px;
}
#openClose .shopInfo .rightPh p:nth-child(3) {
	margin-bottom: 10px;
}
@media screen and (max-width: 640px) {

	#openClose .sectionIn {
		padding: 15px 10px 0px 10px;
	}
	#openClose .ul {
		margin-bottom: 15px;
	}
	#openClose .ul li {
		width: 100%;
		margin: 5px 0;
	}

	#openClose .opencloseList {
		margin-bottom: 10px;
	}
	#openClose .opencloseList li {
		padding: 10px 0;
	}
	#openClose .opencloseList li .leftPh {
		width: 85px;
	}
	#openClose .opencloseList li .rightPh {
		padding-left: 10px;
	}
	#openClose .opencloseList li .rightPh h3 a {
		font-size: 12px;
	}
	#openClose .category {
		margin: 0 0 5px;
	}

	#openClose .category span {
		font-size: 8px;
		min-width: 90px;
		padding: 3px 0;
		margin: 0 2px 2px 0;
	}
	/*detail*/
	#openClose .detailBox {
		padding: 0px;
	}
	#openClose .detailStatus {
		margin-bottom: 10px;
	}
	#openClose .detailBox h4 {
		font-size: 15px;
		margin-bottom: 15px;
	}
	#openClose .detailBox .shopLink {
		margin-bottom: 10px;
		font-size: 16px;
	}
	#openClose .detailBox .image {
		width: 100%;
		margin: 0 auto 15px auto;
	}
	#openClose .shopInfo {
		padding: 15px 0px;
		display: table;
		width: 100%;
		table-layout: fixed;
		margin-top: 15px;
	}
	#openClose .shopInfo .leftPh {
		width: 90px;
	}
	#openClose .shopInfo .rightPh {
		padding-left: 10px;
	}
	#openClose .shopInfo .rightPh .shopLink {
		font-size: 14px;
	}
	#openClose .shopInfo .rightPh ul {
		margin: 5px 0;
	}
	#openClose .shopInfo .rightPh ul li {
		float: right;
		width: 20px;
		margin-left: 3px;
	}
}

/*sp記述*/


/*search
----------------------------------------------------------------------------------------------*/

#search {
	margin-bottom: 20px;
}
#search .search_wrap {
	padding: 30px 20px 0px 20px;
}
.shopAll {
	width: 100%;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #7e7e7e;
	position: relative;
	text-align: center;
	padding: 20px 0;
	color: #fff;
	font-size: 28px;
	margin-bottom: 20px;
}
.shopAll span {
	font-size: 25px;
	display: inline-block;
	margin-left: 30px;
	padding-left: 30px;
	background: url(/mop/common/images/common/bg_list01_sp.png) 0 2px no-repeat;
}
.shopAll:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: 15px;
	background: url(/mop/common/images/common/bg_list02.png) 0 0 no-repeat;
	width: 14px;
	height: 20px;
}
.shopAll:hover {
	color: #fff;
	opacity: 0.7;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
}

.searchBox {
	border-top: 1px solid #000000;
	padding: 35px 0;
}
.searchBox > h3 {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 5px;
	text-align: center;
	position: relative;
}
.searchBox > h3 .red {
	font-size: 14px;
	position: absolute;
	right: 120px;
	top: 10px;
	;
}
.searchBox > p {
	padding-bottom: 20px;
	text-align: center;
}
.searchBox > .clearfix > div {
	float: left;
	width: 480px;
	padding-bottom: 30px;
}
.searchBox.freewordBox {
	background-color: #e9e9e9;
}
.searchBox .freeword {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #e6e6e6;
	overflow: hidden;
	display: table;
	width: 480px;
	margin: 0 auto;
}
.searchBox .freeword input {
	font-size: 15px;
	height: 34px;
	line-height: 34px;
	padding-left: 10px;
	width: 100%;
	display: table-cell;
	vertical-align: top;
}
.searchBox .freeword a {
	display: table-cell;
	width: 45px;
	vertical-align: top;
}
.searchBox .searchList01 li {
	width: 154px;
	margin-right: 11px;
	margin-bottom: 11px;
}
.searchBox .searchList01 li a {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #ffe0e0;
}
.searchBox .searchList01 li a.selected {
	background: #ffb0b0;
}
.searchBox .searchList01 li:nth-child(4n) {
	margin-right: 0;
}
.searchBox .searchList01 li img {
	width: 100%;
	height: auto;
}
.searchBox .searchBtn {
	width: 200px;
	margin: 20px auto 0 auto;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #7e7e7e;
	position: relative;
	text-align: center;
	padding: 15px;
	color: #fff;
	font-size: 15px;
}
.searchBox .searchBtn:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -5px;
	right: 10px;
	background: url(/mop/common/images/common/bg_list02.png) 0 0 no-repeat;
	background-size: 7px 10px;
	width: 7px;
	height: 10px;
}
.searchBox .searchBtn:hover {
	background: #a4a4a4;
}


.searchBox .searchList02 li {
	width: 55px;
	margin-right: 11px;
	margin-bottom: 11px;
}
.searchBox .searchList02 li:nth-child(10n) {
	margin-right: 0;
}
.searchBox .searchList02 li a {
	display: block;
	color: #666666;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background: #ffe0e0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 12px 0;
}
.searchBox .searchList02 li a:hover {
	color: #888888;
}
.searchBox .searchList02 li a.selected {
	background: #ffb0b0;
}

.searchBox .searchList03 {
	margin: 0 auto 15px auto;
	/* width: 450px; */
}
.searchBox .searchList03 li {
	width: 140px;
	margin-left: 15px;
}
.searchBox .searchList03 li:FIRST-CHILD {
	margin-left: 0;
}
.searchBox .searchList03 li a {
	display: block;
	text-align: center;
	background: #ececec;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 12px 0;
	font-size: 24px;
	font-weight: bold;
}
.searchBox .searchList03 li a:hover {
	background: #f2f2f2;
}



/*result*/

#search .sectionIn {
	padding: 20px;
}
.searchBox01 {
	margin-bottom: 20px;
	position: relative;
}
.searchBox01 table {
	width: 100%;
	text-align: left;
}
.searchBox01 > div {
	width: 250px;
	position: absolute;
	top: 0;
	right: 0;
}
.searchBox01 > h3 {
	float: left;
	width: 375px;
	font-size: 18px;
	font-weight: bold;
	padding-top: 18px;
}
.searchBox01 table .result th {
	width: 170px;
	font-size: 22px;
	padding-top: 0;
	padding-bottom: 20px;
}
.searchBox01 table .result td span {
	font-size: 22px;
	border: 1px solid #7e7e7e;
	vertical-align: middle;
	height: 50px;
	display: block;
	width: 80px;
	text-align: center;
	padding-top: 10px;
}
.searchBox01 table .terms th {
	width: 170px;
	font-size: 18px;
	vertical-align: top;
}
.searchBox01 table .terms td span {
	display: inline-block;
	padding: 10px;
	background: #ececec;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	min-width: 40px;
	text-align: center;
}

.resultList01 {
	padding-top: 25px;
}
.resultList01 > li {
	border-top: 1px solid #e5e5e5;
	padding: 30px 0;
}
.resultList01 li .listIn02 {
	padding-top: 20px;
}
.resultList01 li .listIn01 .leftPh,
.resultList01 li .listIn02 .leftPh {
	width: 175px;
	float: left;
}
.resultList01 li .listIn01 .leftPh img,
.resultList01 li .listIn02 .leftPh img {
	width: 100%;
	height: auto;
}
.resultList01 li .listIn01 .rightPh,
.resultList01 li .listIn02 .rightPh {
	width: 455px;
	float: right;
	position: relative;
}
.resultList01 li .listIn01 .rightPh .leftman {
	width: 100%;
	float: none;
}
.resultList01 li .listIn01 .rightPh .leftman .store {
	margin-bottom: 5px;
	font-size: 10px;
	width: 120px;
	text-align: center;
	background: #f58500;
	padding: 5px 0;
	color: #fff;
	line-height: 10px;
}

.resultList01 li .listIn01 .rightPh .leftman .category span {
	display: inline-block;
	font-size: 10px;
	width: 130px;
	text-align: center;
	background: #7e7e7e;
	padding: 5px 10px;
	color: #fff;
	line-height: 10px;
	margin: 0 5px 5px 0;
}
.resultList01 li .listIn01 .rightPh .leftman .compartment {
	margin-bottom: 15px;
}
.resultList01 li .listIn01 .rightPh .leftman .shop {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 15px;
	word-break: break-word;
}
.resultList01 li .listIn01 .rightPh .leftman .shop a {
	font-size: inherit;
	font-weight: inherit;
	text-decoration: none;
}
.resultList01 li .listIn01 .rightPh .leftman .shop a:hover {
	text-decoration: underline;
}
.resultList01 li .listIn01 .rightPh .rightman {
	width: 195px;
	float: none;
	position: absolute;
	top: 0;
	right: 0;
}
.resultList01 li .listIn01 .rightPh .rightman ul li {
	width: 35px;
	margin-left: 5px;
	float: right;
}
.resultList01 li .listIn01 .rightPh .rightman ul li:last-child {
	margin-left: 0px;
}
.resultList01 li .listIn01 .rightPh .rightman ul li img {
	width: 100%;
	height: auto;
}

.resultList01 li .listIn02 .rightPh .txt01 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}

.brandSearch {
	border-top: 1px solid #eeeeee;
	padding-top: 30px
}
.brandSearch table {
	width: 100%;
}
.brandSearch td {
	width: 50%;
	padding: 10px;
}
.brandSearch td a {
	text-decoration: underline;
	color: #e47c00;
	display: block;
	margin-bottom: 5px;
}
.brandSearch td a:hover {
	text-decoration: none;
}
.brandSearch td {
	background: #fef4ee;
	border-bottom: 1px solid #fff;
}
.brandSearch tr td:first-child {
	border-right: 1px solid #fff;
}
.brandSearch tr:nth-child(2n) td {
	background: #fafafa;
}


/*detail*/

#search .detailBox {
	padding: 30px 20px;
}
#search .detailBox .titleBox {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #eeeeee;
}
#search .detailBox .titleBox .leftPh {
	float: left;
	width: 400px;
}
#search .detailBox .titleBox .category {
	margin-bottom: 10px;
	vertical-align: bottom;
}
#search .detailBox .titleBox .category span {
	display: inline-block;
	font-size: 10px;
	padding: 5px 10px;
	min-width: 110px;
	text-align: center;
	background: #7e7e7e;
	color: #fff;
	line-height: 10px;
	margin: 0 5px 5px 0;
}
#search .detailBox .titleBox .leftPh h3 span {
	font-size: 18px;
	font-weight: bold;
}


#search .detailBox .titleBox .rightPh {
	float: right;
	width: 195px;
	text-align: right;
}
#search .detailBox .titleBox .rightPh ul {
	margin-bottom: 10px;
}
#search .detailBox .titleBox .rightPh ul li {
	width: 35px;
	float: right;
	margin-left: 5px;
}
#search .detailBox .titleBox .rightPh ul li:last-child {
	margin-left: 0;
}
#search .detailBox .titleBox .rightPh ul li img {
	width: 100%;
	height: auto;
}
#search .detailBox .shopBox {
	margin-bottom: 30px;
}
#search .detailBox .shopBox .leftPh {
	float: left;
	width: 325px;
	padding: 0 20px;
}
#search .detailBox .shopBox .leftPh .logo {
	width: 180px;
	margin: 0 auto;
}
#search .detailBox .shopBox .leftPh .logo img {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
#search .detailBox .shopBox .rightPh {
	float: right;
	width: 325px;
}
#search .detailBox .shopBox .rightPh img {
	width: 100%;
	height: auto;
}
#search .detailBox .shopBox .rightPh .shopSliderThum {
	margin-top: 10px;
}
#search .detailBox .shopBox .rightPh .shopSliderThum a {
	display: block;
	width: 105px;
	float: left;
	margin-right: 5px;
}
#search .detailBox .shopBox .rightPh .shopSliderThum a:last-child {
	margin-right: 0;
}
#search .detailBox .shopInfo {
	margin-bottom: 40px;
}
#search .detailBox .shopInfo dl {
	display: table;
	table-layout: fixed;
	width: 100%;
	border-top: 1px solid #eeeeee;
}
#search .detailBox .shopInfo dt {
	display: table-cell;
	width: 170px;
	font-weight: bold;
	padding: 20px 0;
}
#search .detailBox .shopInfo dd {
	display: table-cell;
	padding: 20px 0;
}
#search .detailBox h4 {
	background: #f58500;
	padding: 10px 15px;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 20px;
}
#search .detailBox .detailColumn {
	padding: 0 20px 20px 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #cccccc;
}
#search .detailBox .detailColumn:last-child {
	padding: 0 20px;
	margin-bottom: 0;
	border: 0;
}
#search .detailBox .detailColumn h5 {
	font-size: 18px;
	margin-bottom: 5px;
}
#search .detailBox .detailColumn h5 + p {
	margin-bottom: 20px;
}
#search .detailBox .detailColumn .image {
	margin: 0px auto 20px;
}
#search .detailBox .detailColumn .image img {
	width: 100%;
	height: auto;
	border: 1px solid #7e7e7e;
}
#search .detailBox .detailColumn .price {
	background-color: #f0f0f0;
	padding: 8px 4px;
	text-align: right;
}

.searchBox > div .allCate {
	display: block;
	text-align: center;
	margin-bottom: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 15px 0;
	background: #ffe0e0;
	font-size: 22px;
	font-weight: bold;
	color: #717372;
}

.searchTxt02 {
	padding-bottom: 10px;
	border-bottom: 1px dashed #000;
	margin-bottom: 15px;
}
.searchTxt02 p {
	border-left: 7px solid #fe4e4e;
	padding-left: 10px;
	font-size: 25px;
	font-weight: bold;
}
.searchTxt01 {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 16px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #000;
}
.searchTxt01:first-letter {
	color: #ff4f51;
}
.searchTxt01 span {
	font-size: inherit;
}



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

	#search .search_wrap {
		padding: 10px;
	}
	.shopAll {
		width: 100%;
		margin-bottom: 15px;
		display: block;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		background: #7e7e7e;
		position: relative;
		text-align: center;
		padding: 10px 10px 10px 0px;
		color: #fff;
		font-size: 13px;
	}
	.shopAll span {
		font-size: inherit;
		display: inline-block;
		margin-left: 15px;
		padding-left: 15px;
		background: url(/mop/common/images/common/bg_list01_sp.png) 0 2px no-repeat;
		background-size: 9px 13px;
	}
	.shopAll:after {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		margin-top: -5px;
		right: 10px;
		background: url(/mop/common/images/common/bg_list02.png) 0 0 no-repeat;
		background-size: 7px 10px;
		width: 7px;
		height: 10px;
	}
	.searchBox {
		padding: 15px 0;
	}
	.searchBox > h3 {
		width: 100%;
		text-align: center;
		float: none;
		font-size: 17px;
		padding-bottom: 10px;
		padding-top: 0;
	}
	.searchBox > h3 > .red {
		display: block;
		font-size: 12px;
		position: static;
	}
	.searchBox > p {
		font-size: 11px;
	}
	.searchBox > .clearfix > div {
		float: none;
		width: 100%;
		padding-bottom: 20px;
	}
	.searchBox.freewordBox {
		padding: 15px 10px;
	}
	.searchBox.freewordBox > p {
		text-align: left;
	}
	.searchBox .freeword {
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border: 1px solid #e6e6e6;
		overflow: hidden;
		width: 100%;
	}
	.searchBox .freeword input {
		font-size: 13px;
		height: 38px;
		line-height: 38px;
		padding-left: 5px;
	}
	.searchBox .freeword a {
		width: 35px;
	}
	.searchBox > div .allCate {
		display: block;
		text-align: center;
		margin-bottom: 10px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		padding: 10px 0;
		background: #ffe0e0;
		font-size: 12px;
	}
	.searchBox .searchList01 li {
		width: 25%;
		padding: 0 2px;
		margin: 0 0 4px 0;
	}
	.searchBox .searchBtn {
		width: 100%;
		margin: 10px auto 0 auto;
		padding: 10px;
		color: #fff;
		font-size: 15px;
	}
	.searchBox .searchList02 li {
		width: 15%;
		margin-right: 2%;
		margin-bottom: 6px;
	}
	.searchBox .searchList02 li:nth-child(10n) {
		margin-right: 2%;
	}
	.searchBox .searchList02 li:nth-child(6n) {
		margin-right: 0;
	}
	.searchBox .searchList02 li a {
		display: block;
		text-align: center;
		background: #ffe0e0;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		padding: 8px 0;
	}
	.searchBox .searchList03 {
		width: 100%;
	}
	.searchBox .searchList03 {
		margin-bottom: 0;
	}
	.searchBox .searchList03 li {
		width: 49%;
		margin-right: 2%;
		margin-left: 0;
		margin-bottom: 6px;
	}
	.searchBox .searchList03 li:nth-child(2) {
		margin-right: 0;
	}
	/*.searchBox .searchList03 li:nth-child(3){
			width:100%;
          	margin:0;
            }*/
	.searchBox .searchList03 li.pdf {
		width: 100%;
		margin-right: 0;
	}
	.searchBox .searchList03 li a {
		font-size: 16px;
	}
	/*result*/
	#search .sectionIn {
		padding: 10px;
	}
	.searchBox01 {
		margin-bottom: 10px;
	}
	.searchBox01 table {
		width: 100%;
		text-align: left;
	}
	.searchBox01 > div {
		width: 40%;
	}
	.searchBox01 > h3 {
		font-size: 14px;
	}
	.searchBox01 > div.brandResult {
		width: 100%;
	}

	.searchBox01 table .result th {
		width: 60px;
		font-size: 11px;
		padding-bottom: 20px;
		font-weight: bold;
	}
	.searchBox01 table .result td span {
		font-size: 11px;
		height: 25px;
		width: 40px;
		padding-top: 5px;
	}
	.searchBox01 table .terms th {
		width: 60px;
		font-size: 9px;
		vertical-align: middle;
		font-weight: bold;
	}
	.searchBox01 table .terms td span {
		padding: 5px 3px;
		min-width: 20px;
		margin-right: 5px;
		margin-bottom: 5px;
		font-size: 8px;
	}
	.searchBox01 > div .greyBtn {
		font-size: 9px;
		padding: 8px 5px;
	}
	.searchBox01 > div.brandResult .greyBtn {
		font-size: 12px;
		padding: 15px 5px;
	}
	.searchBox01 > div .greyBtn:after {
		right: 5px;
	}

	.resultList01 {
		padding-top: 10px;
	}
	.resultList01 > li {
		border-top: 1px solid #e5e5e5;
		padding: 15px 0;
	}
	.resultList01 > li:first-child {
		border: 0;
	}
	.resultList01 li .listIn01 {
		display: table;
		width: 100%;
		table-layout: fixed;
	}
	.resultList01 li .listIn02 {
		display: table;
		width: 100%;
		table-layout: fixed;
		padding-top: 15px;
	}
	.resultList01 li .listIn01 .leftPh,
	.resultList01 li .listIn02 .leftPh {
		width: 87px;
		float: none;
		display: table-cell;
		vertical-align: top;
	}
	.resultList01 li .listIn01 .rightPh,
	.resultList01 li .listIn02 .rightPh {
		width: 100%;
		float: none;
		display: table-cell;
		padding-left: 12px;
		vertical-align: top;
	}
	.resultList01 li .listIn01 .rightPh .leftman {
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}
	.resultList01 li .listIn01 .rightPh .leftman .store {
		margin-bottom: 3px;
		font-size: 8px;
		width: 90px;
		padding: 3px 0;
		line-height: 8px;
	}
	.resultList01 li .listIn01 .rightPh .leftman .category {
		margin-bottom: 5px;
	}
	.resultList01 li .listIn01 .rightPh .leftman .category span {
		display: inline-block;
		font-size: 8px;
		width: 90px;
		background: #7e7e7e;
		padding: 3px 0;
		line-height: 8px;
		margin: 0 3px 0 0;
	}
	.resultList01 li .listIn01 .rightPh .leftman .compartment {
		margin-bottom: 10px;
	}
	.resultList01 li .listIn01 .rightPh .leftman .shop {
		font-size: 14px;
		font-weight: bold;
		line-height: 1.2;
		margin-bottom: 10px;
	}
	.resultList01 li .listIn01 .rightPh .rightman {
		width: 100%;
		position: static;
	}
	.resultList01 li .listIn01 .rightPh .rightman ul {
		float: left;
	}
	.resultList01 li .listIn01 .rightPh .rightman ul li {
		width: 25px;
		margin-left: 4px;
		float: right;
	}
	.resultList01 li .listIn01 .rightPh .rightman ul li:last-child {
		margin-left: 0px;
	}
	.resultList01 li .listIn01 .rightPh .rightman ul li img {
		width: 100%;
		height: auto;
	}

	.resultList01 li .listIn02 .rightPh .txt01 {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 5px;
	}

	.brandSearch {
		padding-top: 15px;
		border: 0;
	}
	.brandSearch table {
		width: 100%;
		display: block;
	}
	.brandSearch td,
	.brandSearch tbody,
	.brandSearch tr {
		display: block;
	}
	.brandSearch td {
		width: 100%;
		padding: 10px;
	}
	.brandSearch td {
		background: #fef4ee;
		border-bottom: 2px solid #fff;
	}
	.brandSearch tr td:first-child {
		border-right: 0;
	}
	.brandSearch tr:nth-child(2n) td {
		background: #fef4ee;
	}
	.brandSearch tr td:nth-child(2n) {
		background: #fafafa;
	}
	/*detail*/
	#search .detailBox {
		padding: 15px 10px;
	}
	#search .detailBox .titleBox {
		padding-bottom: 0;
		margin-bottom: 15px;
		border-bottom: 0;
	}
	#search .detailBox .titleBox .leftPh {
		float: none;
		width: 100%;
		text-align: center;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #989898;
	}
	#search .detailBox .titleBox .category span {
		font-size: 8px;
		min-width: 90px;
	}
	#search .detailBox .titleBox .leftPh h3 span {
		font-size: 14px;
	}

	#search .detailBox .titleBox .rightPh {
		float: none;
		width: 100%;
		text-align: center;
	}
	#search .detailBox .titleBox .rightPh ul {
		margin-right: auto;
		margin-left: auto;
		width: 145px;
	}
	#search .detailBox .titleBox .rightPh ul li {
		width: 25px;
		float: right;
	}
	#search .detailBox .shopBox {
		margin-bottom: 20px;
	}
	#search .detailBox .shopBox .leftPh {
		float: none;
		width: 100%;
		padding: 0px;
		margin-bottom: 20px;
	}
	#search .detailBox .shopBox .leftPh .logo {
		width: 100%;
	}
	#search .detailBox .shopBox .leftPh .logo img {
		margin-bottom: 10px;
	}
	#search .detailBox .shopBox .rightPh {
		float: none;
		width: 100%;
	}
	#search .detailBox .shopBox .rightPh .shopSliderThum {
		margin-top: 5px;
	}
	#search .detailBox .shopBox .rightPh .shopSliderThum a {
		width: 32%;
		margin-right: 2%;
	}
	#search .detailBox .shopInfo {
		margin-bottom: 20px;
	}
	#search .detailBox .shopInfo dl {
		display: block;
		table-layout: auto;
		width: 100%;
		border-top: 1px solid #eeeeee;
		padding: 15px 0;
	}
	#search .detailBox .shopInfo dl:last-child {
		border-bottom: 1px solid #eeeeee;
	}
	#search .detailBox .shopInfo dt {
		display: block;
		width: 100%;
		font-weight: normal;
		padding: 0;
	}
	#search .detailBox .shopInfo dd {
		display: block;
		padding: 0;
	}
	#search .detailBox h4 {
		font-size: 13px;
		margin-bottom: 15px;
		text-align: center;
	}
	#search .detailBox .detailColumn {
		padding: 0 0 20px 0;
		margin-bottom: 20px;
	}
	#search .detailBox .detailColumn:last-child {
		padding: 0;
	}
	#search .detailBox .detailColumn h5 {
		font-size: 18px;
		margin-bottom: 5px;
	}
	#search .detailBox .detailColumn h5 + p {
		margin-bottom: 20px;
	}
	#search .detailBox .detailColumn .image {
		width: 100%;
		margin: 0px auto 20px;
	}

	.searchTxt02 {
		padding-bottom: 5px;
		border-bottom: 1px dashed #000;
		margin-bottom: 10px;
	}
	.searchTxt02 p {
		border-left: 7px solid #fe4e4e;
		padding-left: 10px;
		font-size: 15px;
		font-weight: bold;
	}
	.searchTxt01 {
		padding-left: 1em;
		text-indent: -1em;
		font-size: 10px;
		padding-bottom: 10px;
	}
}

/*sp記述*/


/*floor
----------------------------------------------------------------------------------------------*/

#floorguide .sectionIn {
	padding: 20px;
}
#floorguide .tabBtn {
  margin-bottom: 40px;
  overflow: hidden;
  padding: 65px 15px 15px;
  position: relative;
}
#floorguide .tabBtn li {
	float: left;
	width: 150px;
	margin-right: 5px;
}
#floorguide .tabBtn li:last-child {
	width: 190px;
	margin-right: 0;
  position: absolute;
  top: 0;
}
#floorguide .tabBtn li a {
  background: #fff;
  border: 2px solid #888888;
  border-radius: 6px;
  color: #000000; 
  display: flex;
  align-items: center; 
  justify-content: center; 
  flex-direction: column; 
  font-size: 16px; 
  font-weight: bold; 
  height: 52px; 
  position: relative;
  text-align: center;
}
#floorguide .tabBtn li a.active {
  background-image: -moz-linear-gradient( -45deg, rgb(255,114,0) 0%, rgb(251,154,0) 100%);
  background-image: -webkit-linear-gradient( -45deg, rgb(255,114,0) 0%, rgb(251,154,0) 100%); 
  background-image: -ms-linear-gradient( -45deg, rgb(255,114,0) 0%, rgb(251,154,0) 100%);
  border: none;
  color: #fff;
}
#floorguide .tabBtn li a:after {
	content: "";
	display: block;
	top: 50%;
	right: 14px;
	background: none;
	position: static;
	width: 7px;
	height: 7px;
	border-width: 1px;
	border-style: solid;
	border-color: transparent #f58800 #f58800 transparent;
	transform: rotate(45deg);
	margin-bottom: 3px;
	margin-top: -3px;
}
#floorguide .tabBtn li a.active {
  background-image: -moz-linear-gradient( -45deg, rgb(255,114,0) 0%, rgb(251,154,0) 100%);
  background-image: -webkit-linear-gradient( -45deg, rgb(255,114,0) 0%, rgb(251,154,0) 100%);
  background-image: -ms-linear-gradient( -45deg, rgb(255,114,0) 0%, rgb(251,154,0) 100%); 
  border: none;
	color: #fff;
}
#floorguide .tabBtn li a.active:after {
	background-image: none;
	border-width: 10px 8px 0 8px;
	margin-left: -8px;
	border-color: #f58800 transparent transparent transparent;
	border-style: solid;
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	transform: rotate(0);
	top: 52px;
}

#floorguide .tabBtn li:last-child a img {
	width: 157px;
	height: auto;
}
#floorguide .tabBtn li:last-child a:after {
	display: none;
}

#floorguide .tabBox ul {
	padding-top: 20px;
}
#floorguide .tabBox ul li {
	width: 320px;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
#floorguide .tabBox ul li:nth-child(2n) {
	margin-right: 0;
}
#floorguide .tabBox ul li a {
	display: table;
	width: 100%;
	table-layout: fixed;
}
#floorguide .tabBox ul li a .leftPh {
	display: table-cell;
	width: 36px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	background: #f58500;
	font-size: 10px;
}
#floorguide .tabBox ul li a .rightPh {
	background: #efefef;
	display: table-cell;
	padding: 6px 10px;
	vertical-align: middle;
}
#floorguide .tabBox ul li a .rightPh p {
	font-size: 10px;
}
#floorguide .tabBox ul li a .rightPh .category {
	font-size: 12px;
	color: #026898;
	font-weight: bold;
}
#floorguide .tabBox ul li a .rightPh .shopName {
	font-size: 14px;
	margin-bottom: 3px;
}

#floorguide .tabBox ul li a:hover .rightPh .shopName {
	text-decoration: underline;
}

#floorguide .imgContainer {
	width: 100%;
	height: 600px;
	overflow: hidden;
	border: #cccccc 1px solid;
}

#floorguide .imgContainer_mappedin {
	width: 100%;
	height: 70vh;
	position: relative;
	overflow: hidden;
	border: #cccccc 5px solid;
}


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

	#floorguide {
		overflow: inherit !important;
	}
	#floorguide h2 {
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		overflow: hidden;
	}
	#floorguide .sectionIn {
		padding: 15px 10px;
	}
	#floorguide .tabBtn {
		padding: 65px 3px 10px;
		margin-bottom: 30px;
	}
	#floorguide .tabBtn li {
		float: left;
		width: 25%;
		padding: 0 2px;
	}
	#floorguide .tabBtn li:last-child {
		width: 40%;
		margin-right: 0;
	}
	#floorguide .tabBtn li a {
		height: 35px;
		font-size: 15px;
	}
	#floorguide .tabBtn li a:after {
		display: none;
	}
	#floorguide .tabBtn li:last-child a img {
		width: 55px;
	}

	#floorguide .tabBox img {
		/*width:100%;
	height:auto;*/
	}
	#floorguide .imgContainer {
		width: 100%;
		height: 250px;
		overflow: hidden;
	}
	#floorguide .zoomableContainer {
		width: 100%;
	}
	#floorguide .imgContainer_mappedin {
		border: #cccccc 3px solid;
	}
	#floorguide .searchForm {
		margin-top: 15px;
	}
	#specialContents #mainLeft .searchForm {
		background: #979797;
		padding: 10px 10px 20px;
		margin-bottom: 15px;
	}
	.searchForm .clearfix {
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	.searchLeft {
		float: none;
		display: table-cell;
		width: inherit;
		padding-right: 8px;
		vertical-align: top;
	}
	.searchRight {
		float: none;
		display: table-cell;
		width: 60px;
		vertical-align: top;
	}
	.searchForm .topSelect {
		margin-bottom: 10px;
	}
}

/*sp記述*/


/*hour
----------------------------------------------------------------------------------------------*/

#hour .sectionIn {
	padding: 30px 20px;
}
#hour .sectionIn h3 {
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 26px;
	font-weight: bold;
	margin: 50px 0 10px;
}
#hour .sectionIn h3:first-child {
	margin-top: 0;
}

#hour .hourDl01 dl {
	border-top: 1px solid #e5e5e5;
	display: table;
	width: 100%;
	table-layout: fixed;
}
#hour .hourDl01 dl:last-child {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 10px;
}
#hour .hourDl01 dl dt {
	display: table-cell;
	vertical-align: middle;
	padding: 10px 0 10px 15px;
	width: 200px;
}
#hour .hourDl01 dl dd {
	display: table-cell;
	vertical-align: middle;
	padding: 10px 0;
}



#hour .hourDl02 dl {
	border-top: 1px solid #e5e5e5;
	display: table;
	width: 100%;
	table-layout: fixed;
}
#hour .hourDl02 dl:last-child {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 10px;
}
#hour .hourDl02 dl dt {
	display: table-cell;
	vertical-align: middle;
	padding: 10px 0 10px 15px;
	width: 430px;
}
#hour .hourDl02 dl dd {
	display: table-cell;
	vertical-align: middle;
	padding: 10px 0;
}


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

	#hour .sectionIn {
		padding: 15px 10px;
	}
	#hour .sectionIn h3 {
		font-size: 18px;
		margin-top: 30px;
	}

	#hour .hourDl01 dl dt {
		padding: 10px 0 10px 10px;
		width: 100px;
	}
	#hour .hourDl01 dl dd {
		padding: 10px 0;
	}

	#hour .hourDl02 dl {
		border: 0;
		display: block;
		width: 100%;
		table-layout: auto;
		padding: 10px;
	}
	#hour .hourDl02 dl:last-child {
		border: 0;
	}
	#hour .hourDl02 dl:nth-child(odd) {
		background: #eeeeee;
	}
	#hour .hourDl02 dl dt {
		display: block;
		vertical-align: top;
		padding: 0;
		width: 100%;
		font-weight: bold;
	}
	#hour .hourDl02 dl dd {
		display: block;
		vertical-align: top;
		padding: 0;
	}
}

/*sp記述*/


/*recruit
----------------------------------------------------------------------------------------------*/

#recruit .sectionIn {
	padding: 30px 20px 20px;
}
#recruit .recruitLink {
	padding-bottom: 20px;
	margin-bottom: 25px;
	text-align: center;
	border-bottom: 1px solid #eee;
}
#recruit .recruitLink a {
	font-size: 16px;
	color: #f58400;
	text-decoration: underline;
}
#recruit .recruitLink a:hover {
	text-decoration: none;
}
#recruit .accordion {
	margin-bottom: 40px;
}
#recruit .accordion:last-child {
	margin-bottom: 0;
}
#recruit .accordion .recruitTitle {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin-bottom: 15px;
}
#recruit .accordion .recruitTitle .leftPh {
	display: table-cell;
	width: 115px;
	vertical-align: middle;
}
#recruit .accordion .recruitTitle .leftPh img {
	width: 100%;
	height: auto;
}
#recruit .accordion .recruitTitle .rightPh {
	display: table-cell;
	padding-left: 20px;
	vertical-align: middle;
}
#recruit .accordion .recruitTitle .rightPh .recruitTxt01 {
	font-size: 10px;
	margin-bottom: 5px;
}
#recruit .accordion .recruitTitle .rightPh .recruitTxt01 span {
	font-size: 10px;
	display: inline-block;
	margin-right: 10px;
	background: #f0f0f0;
	min-width: 80px;
	padding: 3px;
	text-align: center;
}
#recruit .accordion .recruitTitle .rightPh h3 span {
	font-size: 15px;
}
#recruit .accordion .recruitTitle .rightPh h3 {
	font-size: 11px;
}
#recruit .accordion .recruitInfo01 {
	float: left;
	width: 325px;
}
#recruit .accordion .recruitInfo02 {
	float: left;
	width: 100%;
}
#recruit .accordion .recruitInfo02:last-child {
	border-bottom: 1px solid #dbddde;
}
#recruit .accordion .recruitInfo01 dl,
#recruit .accordion .recruitInfo02 dl {
	display: table;
	width: 100%;
	table-layout: fixed;
}
#recruit .accordion .recruitInfo01 dl dt,
#recruit .accordion .recruitInfo02 dl dt {
	display: table-cell;
	width: 90px;
	background: #f4f6f7;
	padding: 8px 10px;
	border-top: 1px solid #dbddde;
	font-size: 11px;
}
#recruit .accordion .recruitInfo01 dl dd {
	display: table-cell;
	width: 235px;
	padding: 8px 10px;
	border-top: 1px solid #dbddde;
	font-size: 11px;
}
#recruit .accordion .recruitInfo02 dl dd {
	display: table-cell;
	width: 560px;
	padding: 8px 10px;
	border-top: 1px solid #dbddde;
	font-size: 11px;
}

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


	#recruit .sectionIn {
		padding: 10px;
	}
	#recruit .recruitLink {
		padding-bottom: 10px;
		margin-bottom: 0px;
	}
	#recruit .recruitLink a {
		font-size: 12px;
	}
	#recruit .accordion {
		margin-bottom: 0px;
		border: 0;
	}
	#recruit .accordion .recruitTitle {
		display: table;
		width: 100%;
		table-layout: fixed;
		margin-bottom: 0;
		padding: 15px 0;
		background: url(/mop/common/images/common/bg_accordion.png) center right no-repeat;
		background-size: 21px 21px;
		border-bottom: 1px solid #dbddde;
	}
	#recruit .accordion .recruitTitle.active {
		background: url(/mop/common/images/common/bg_accordion_on.png) center right no-repeat;
		background-size: 21px 21px;
	}
	#recruit .accordion .recruitTitle .leftPh {
		width: 75px;
	}
	#recruit .accordion .recruitTitle .rightPh {
		padding-left: 8px;
		padding-right: 25px;
	}
	#recruit .accordion .recruitTitle .rightPh .recruitTxt01 {
		font-size: 9px;
		margin-bottom: 3px;
	}
	#recruit .accordion .recruitTitle .rightPh .recruitTxt01 span {
		font-size: 9px;
		margin-right: 5px;
		min-width: 60px;
	}
	#recruit .accordion .recruitTitle .rightPh h3 span {
		font-size: 12px;
	}
	#recruit .accordion .recruitTitle .rightPh h3 {
		font-size: 9px;
	}

	.recruitInfoWrap {
		display: none;
	}
	#recruit .accordion .recruitInfo01 {
		float: none;
		width: 100%;
	}
	#recruit .accordion .recruitInfo02 {
		float: none;
		width: 100%;
	}
	#recruit .accordion .recruitInfo02:last-child {
		border: 0;
	}
	#recruit .accordion .recruitInfo01 dl dt,
	#recruit .accordion .recruitInfo02 dl dt {
		display: table-cell;
		width: 80px;
		background: #f4f6f7;
		padding: 8px 10px;
		border-top: 0;
		border-bottom: 1px solid #dbddde;
		font-size: 11px;
	}
	#recruit .accordion .recruitInfo01 dl dd {
		display: table-cell;
		width: auto;
		padding: 8px 10px;
		border-top: 0;
		border-bottom: 1px solid #dbddde;
		font-size: 11px;
	}
	#recruit .accordion .recruitInfo02 dl dd {
		display: table-cell;
		width: auto;
		padding: 8px 10px;
		border-top: 0;
		border-bottom: 1px solid #dbddde;
		font-size: 11px;
	}
}

/*sp記述*/


/*wagon
----------------------------------------------------------------------------------------------*/

#wagon .sectionIn {
	padding: 30px 20px;
}
#wagon .leftPh a,
#wagon .wagonBox01 a {
	color: #f58500;
	text-decoration: underline;
}
#wagon a:hover {
	text-decoration: none;
}
#wagon h3 {
	font-size: 18px;
	margin-bottom: 5px;
}
#wagon .wagonBox01 {
	margin-bottom: 60px;
}
#wagon .wagonBox01 .rightPh {
	width: 240px;
	float: right;
}
#wagon .wagonBox01 .rightPh img {
	width: 100%;
	height: auto;
}
#wagon .wagonBox01 .leftPh {
	width: 390px;
	float: left;
}
#wagon .wagonBox01 .leftPh h3:nth-child(3) {
	margin-top: 25px;
}

#wagon .btnBox {
	width: 530px;
	margin: 0 auto 45px auto;
}
#wagon .btnBox a:first-child {
	width: 250px;
	float: left;
}
#wagon .btnBox a:last-child {
	width: 250px;
	float: right;
}

#wagon .wagonBox02 {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding: 20px 0;
}

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

	#wagon .sectionIn {
		padding: 20px 10px;
	}
	#wagon h3 {
		font-size: 17px;
	}
	#wagon .wagonBox01 {
		margin-bottom: 30px;
	}
	#wagon .wagonBox01 .rightPh {
		width: 100%;
		float: none;
		margin-bottom: 15px;
	}
	#wagon .wagonBox01 .leftPh {
		width: 100%;
		float: none;
	}
	#wagon .wagonBox01 .leftPh h3:nth-child(3) {
		margin-top: 20px;
	}

	#wagon .btnBox {
		width: 100%;
		margin: 0 auto 25px auto;
	}
	#wagon .btnBox a:first-child {
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}
	#wagon .btnBox a:last-child {
		width: 100%;
		float: none;
	}

	#wagon .wagonBox02 {
		border-top: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
		padding: 20px 0;
	}
}

/*sp記述*/


/*performer
----------------------------------------------------------------------------------------------*/

#performer .sectionIn {
	padding: 20px;
}
#performer h3 {
	font-size: 18px;
	margin-bottom: 10px;
	margin-top: 35px;
}
#performer .clearfix h3:nth-child(2) {
	margin-top: 0;
}
#performer .rightPh {
	float: right;
	margin: 0px 0 30px 20px;
	width: 220px;
}
#performer .rightPh img {
	width: 100%;
	height: auto;
}
#performer ul li,
#performer ol li {
	margin-bottom: 10px;
	text-indent: -1em;
	padding-left: 1em;
}
#performer li > ul > li,
#performer li > ol > li {
	margin-bottom: 0;
}
#performer a {
	text-decoration: underline;
	color: #f58500;
}
#performer a:hover {
	text-decoration: none;
}
#performer > a {
	display: block;
	margin-top: 10px;
}

#performer .faq dt,
#performer .faq dd {
	margin-bottom: 5px;
}
#performer .faq dt span {
	display: inline-block;
	margin-right: 10px;
	background: #7e7e7e;
	color: #fff;
	width: 20px;
	height: 20px;
	text-align: center;
}
#performer .faq dd span {
	display: inline-block;
	margin-right: 10px;
	background: #ff4f4f;
	color: #fff;
	width: 20px;
	height: 20px;
	text-align: center;
}
@media screen and (max-width: 640px) {

	#performer .sectionIn {
		padding: 20px 10px;
	}
	#performer h3 {
		font-size: 17px;
		margin-bottom: 5px;
		margin-top: 20px;
	}
	#performer .rightPh {
		float: none;
		margin: 15px 0 0px 0px;
		width: 100%;
	}

	#performer .faq dt,
	#performer .faq dd {
		margin-bottom: 5px;
	}
	#performer .faq dt span {
		display: inline-block;
		margin-right: 10px;
		background: #7e7e7e;
		color: #fff;
		width: 20px;
		height: 20px;
		text-align: center;
	}
	#performer .faq dd span {
		display: inline-block;
		margin-right: 10px;
		background: #ff4f4f;
		color: #fff;
		width: 20px;
		height: 20px;
		text-align: center;
	}
}

/*sp記述*/


/*busreservation
----------------------------------------------------------------------------------------------*/

#bus .sectionIn {
	padding: 30px 20px;
}

#bus .txt01 {
	color: #ff0000;
	margin: 30px 0 10px;
	font-weight: bold;
}
#bus .txt02 {
	color: #ff0000;
	margin: 20px 0;
	font-weight: bold;
	text-align: center;
}
#bus .busBox01 {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #e5e5e5;
	padding: 25px 0 40px;
	margin-bottom: 25px;
}
#bus .busBox01 > p {
	text-align: center;
	margin-bottom: 20px;
}
#bus .busBox01 > p img {
	width: 290px;
	height: auto;
}
#bus .busBox01 > p.txt01 {
	font-size: 8px;
	text-align: left;
	width: 90%;
	margin: 0 auto;
	font-weight: normal;
	padding-top: 15px;
}
#bus .busBox01 .clearfix {
	width: 525px;
	margin: 0 auto;
}
#bus .busBox01 .clearfix .leftman {
	width: 247px;
}
#bus .busBox01 .clearfix .rightman {
	width: 247px;
}
#bus .busBox01 .clearfix .rightman a {
	display: block;
	margin-bottom: 10px;
}
#bus .busBox01 .clearfix .rightman p {
	font-size: 10px;
}
#bus .busBox02 {
	padding: 20px 0;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
#bus a {
	color: #f58500;
	text-decoration: underline;
}
#bus a:hover {
	text-decoration: none;
}
#bus .busBox02 span {
	font-weight: bold;
}
#bus h3 {
	font-size: 18px;
	margin-bottom: 10px;
	margin-top: 40px;
}
#bus .pdfLink {
	margin-bottom: 30px;
}
#bus .pdfLink a {
	background: url(/mop/common/images/store_common/bg_pdf.png) 0 0 no-repeat;
	background-size: 22px 24px;
	display: inline-block;
	padding-left: 30px;
	color: #f58500;
	height: 24px;
	line-height: 24px;
	text-decoration: underline;
}


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

	#bus .sectionIn {
		padding: 15px 10px;
	}

	#bus .txt01 {
		margin: 25px 0 10px;
	}
	#bus .txt02 {
		margin: 20px 0;
		text-align: left;
	}
	#bus .busBox01 {
		padding: 20px 0;
		margin-bottom: 20px;
	}
	#bus .busBox01 > p {
		text-align: center;
		margin-bottom: 15px;
	}
	#bus .busBox01 > p img {
		width: 200px;
		height: auto;
	}
	#bus .busBox01 .clearfix {
		width: 90%;
		margin: 0 auto;
	}
	#bus .busBox01 .clearfix img {
		width: 100%;
		height: auto;
	}
	#bus .busBox01 .clearfix .leftman {
		width: 48%;
	}
	#bus .busBox01 .clearfix .rightman {
		width: 48%;
	}
	#bus .busBox01 .clearfix .rightman p {
		font-size: 8px;
	}
	#bus .busBox02 {
		padding: 15px 0;
	}
	#bus h3 {
		font-size: 17px;
		margin-bottom: 10px;
		margin-top: 20px;
	}
	#bus .pdfLink {
		margin-bottom: 30px;
		text-align: center;
	}
	#bus .pdfLink a:hover {
		text-decoration: none;
	}

	#bus .sp p:first-child {
		margin: 15px 0;
	}
	#bus .sp p:nth-child(2) {
		margin-bottom: 15px;
	}
}

/*sp記述*/


/*kanko
----------------------------------------------------------------------------------------------*/

#kanko .sectionIn {
	padding: 20px;
}
#kanko .kankoTitle {
font-size: 18px;
border-bottom: 1px solid #c9c9c9;
padding: 12px 0;
background-size: 15px 15px;
background: url(/mop/common/images/common/bg_accordion02.png) no-repeat;
background-position: right 16px;
padding-right: 50px;
}
#kanko .kankoTitle.active {
background: url(/mop/common/images/common/bg_accordion02_on.png) no-repeat;
background-position: right 16px;
}
#kanko .kankoWrap {
	padding: 30px;
	border-bottom: 1px solid #c9c9c9;
	display: none;
}
#kanko .kankoWrap img {
	display: block;
	width: 400px;
	height: auto;
	margin-bottom: 30px;
}
#kanko .kankoWrap dl {
	display: table;
	width: 100%;
	table-layout: fixed;
	padding: 15px 0;
	border-bottom: 1px dotted #c9c9c9;
}
#kanko .kankoWrap dl:last-child {
	border: 0;
}
#kanko .kankoWrap dl dt {
	width: 200px;
	display: table-cell;
	font-size: 16px;
	vertical-align: top;
}
#kanko .kankoWrap dl dd {
	display: table-cell;
	font-size: 14px;
	vertical-align: top;
}
#kanko .kankoWrap dl dd a {
	font-size: 14px;
}


/*sapporo*/

#kanko #sapporoKanko a:hover {
	background: #ffe9e9;
}
#kanko #sapporoKanko > a {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	padding: 15px 0;
	text-align: center;
	background: #ffe0e0;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #727272;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#kanko #sapporoKanko ul li {
	width: 32%;
	margin: 0 2% 10px 0;
}
#kanko #sapporoKanko ul li:nth-child(3n) {
	margin-right: 0;
}
#kanko #sapporoKanko ul li a {
	display: block;
	width: 100%;
	padding: 15px 0;
	text-align: center;
	background: #ffe0e0;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #727272;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

@media screen and (max-width: 640px) {
	#kanko .sectionIn {
		padding: 10px;
	}
	#kanko .kankoTitle {
		font-size: 13px;
		border-bottom: 1px solid #c9c9c9;
		padding: 10px 0;
		background: url(/mop/common/images/common/bg_accordion02.png) 98% 12px no-repeat;
		background-size: 10px 10px;
		padding-right: 30px;
	}
	#kanko .kankoTitle.active {
		background: url(/mop/common/images/common/bg_accordion02_on.png) 98% 12px no-repeat;
		background-size: 10px 10px;
	}
	#kanko .kankoWrap {
		padding: 10px 0;
		border-bottom: 1px solid #c9c9c9;
		display: none;
	}
	#kanko .kankoWrap img {
		display: block;
		width: 100%;
		height: auto;
		margin-bottom: 30px;
		border: 1px solid #7e7e7e;
	}
	#kanko .kankoWrap dl {
		display: block;
		width: 100%;
		table-layout: auto;
		padding: 10px 0;
		border-bottom: 1px dotted #c9c9c9;
	}
	#kanko .kankoWrap dl:last-child {
		border: 0;
	}
	#kanko .kankoWrap dl dt {
		width: 100%;
		display: block;
		font-size: 13px;
		margin-bottom: 5px;
	}
	#kanko .kankoWrap dl dd {
		display: block;
		font-size: 12px;
	}
	#kanko .kankoWrap dl dd a {
		font-size: 12px;
	}
	/*sapporo*/
	#kanko #sapporoKanko > a {
		font-size: 9px;
		margin-bottom: 5px;
		padding: 10px 0;
	}
	#kanko #sapporoKanko ul li {
		margin: 0 2% 5px 0;
	}
	#kanko #sapporoKanko ul li a {
		font-size: 9px;
		padding: 10px 0;
	}
}

/*sp記述*/


/*info
----------------------------------------------------------------------------------------------*/

#info02 .sectionIn {
	padding: 20px;
}
.info02List:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.info02List img {
	width: 100%;
	height: auto;
}
.info02List .leftman {
	width: 310px;
	padding-bottom: 50px;
}
.info02List .leftman:nth-child(odd) {
	margin-right: 22px;
}
.info02List .leftman h3 {
	margin-bottom: 15px;
}
.info02List .leftman ul li {
	margin-bottom: 10px;
	padding-left: 10px;
}
.info02List .leftman ul li a {
	font-size: 15px;
	text-decoration: underline;
	color: #727272;
}
.info02List .leftman ul li a:hover {
	text-decoration: none;
}

#info02 .serviceList {
	margin-bottom: 20px;
}
#info02 .serviceList li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#info02 .serviceList li:nth-child(3n) {
	margin-right: 0;
}

#info02 .serviceName {
	font-size: 18px;
	color: #fff;
	background: #b5b5b5;
	padding: 10px 20px;
	margin-bottom: 20px;
}

#info02 .sectionIn > div > section {
	margin-bottom: 50px;
	border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
}
#info02 .sectionIn > div > section:last-child {
	margin-bottom: 0;
}
#info02 .sectionIn > div > section .infoImg01 {
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
}
#info02 .sectionIn > div > section .infoImg01 p {
	font-size: 10px;
	color: #636363;
	padding-top: 5px;
}
#info02 .sectionIn > div > section .infoImg01:last-child {
	margin-right: 0;
}
#info02 h4 {
	margin-bottom: 15px;
	font-size: 18px;
	clear: both;
}

#info02 h3 {
	font-family: "Noto Sans JP";
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
	#info02 h3 {
		font-size: 18px;
	}
}

#info02 a {
	text-decoration: underline;
}
#info02 a:hover {
	text-decoration: none;
}

#info02 .place {
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 25px;
}
#info02 .place a {
	font-weight: inherit;
	font-size: inherit;
	color: #000;
}

#info02 .leftPh {
	float: left;
	width: 410px;
}
#info02 .rightPh {
	float: right;
}
#info02 .leftPh02 {
	float: left;
	width: 490px;
}
#info02 .rightPh02 {
	float: right;
}

#info02 .attentionList li {
	color: #ff0000;
	text-indent: -1em;
	padding-left: 1em;
}

#info02 .petBtn {
	width: 600px;
	margin: 0 auto 30px auto;
}

#info02 .ruleBox01 {
	background: #ffb3b3;
	padding: 20px;
	width: 620px;
	margin: 0 auto;
}
#info02 .ruleBox01 h4 {
	color: #fff;
	font-size: 16px;
	margin-bottom: 10px;
}
#info02 .ruleBox01 ul li {
	text-indent: -1em;
	padding-left: 1em;
}

#info02 #infoPetList table {
	width: 325px;
	float: left;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #e3e3e3;
}
#info02 #infoPetList table th {
	background: #060;
	text-align: center;
	font-size: 12px;
	padding: 5px 0;
	color: #fff;
	border: 1px solid #e3e3e3;
}
#info02 #infoPetList table td {
	font-size: 12px;
	padding: 5px;
	border: 1px solid #e3e3e3;
	font-size: 11px;
}
#info02 #infoPetList table .number {
	width: 40px;
	background: #88b87e;
	color: #fff;
}

#info02 #infoPetList02 table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #e3e3e3;
}
#info02 #infoPetList02 table th {
	background: #060;
	text-align: center;
	font-size: 12px;
	padding: 5px 0;
	color: #fff;
	border: 1px solid #e3e3e3;
}
#info02 #infoPetList02 table td {
	font-size: 12px;
	padding: 5px;
	border: 1px solid #e3e3e3;
	font-size: 11px;
}
#info02 #infoPetList02 table .category {
	width: 150px;
	background: #88b87e;
	color: #fff;
	vertical-align: middle;
}

#info02 #infoPetList02 table.makuhariTable tr td:last-child {
	width: 75px;
}
#info02 .infoZoom {
	height: 360px;
}
#info02 ul.wifi {
	width: 100%;
}
#info02 .wifi li {
	float: left;
	margin: 0 10px 15px 0;
}


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

	#info02 .sectionIn {
		padding: 10px;
	}
	.info02List .leftman {
		width: 100%;
		padding-bottom: 20px;
	}
	.info02List .leftman:nth-child(odd) {
		margin-right: 0;
	}
	.info02List .leftman h3 {
		margin-bottom: 15px;
	}
	.info02List .leftman ul li {
		margin-bottom: 5px;
		padding-left: 0;
	}
	.info02List .leftman ul li a {
		font-size: 13px;
	}


	#info02 .serviceList {
		margin-bottom: 10px;
	}
	#info02 .serviceList li {
		float: left;
		margin-right: 2%;
		width: 49%;
		margin-bottom: 5px;
	}
	#info02 .serviceList li:nth-child(3n) {
		margin-right: 2%;
	}
	#info02 .serviceList li:nth-child(2n) {
		margin-right: 0;
	}

	#info02 .serviceName {
		font-size: 14px;
		padding: 5px 10px;
		margin-bottom: 20px;
	}

	#info02 .sectionIn > div > section {
		margin-bottom: 40px;
	}
	#info02 .sectionIn > div > section .infoImg01 {
		display: block;
		width: 60%;
		height: auto;
		margin: 0 auto 10px auto !important;
	}

	#info02 h4 {
		margin-bottom: 15px;
		font-size: 16px;
	}

	#info02 .place {
		font-weight: bold;
		font-size: 12px;
		margin-bottom: 15px;
	}

	#info02 .leftPh {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	#info02 .rightPh {
		float: none;
	}

	#info02 .leftPh02 {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	#info02 .rightPh02 {
		float: none;
		width: 60%;
		margin: 0 auto;
	}
	#info02 .rightPh02 img {
		width: 100%;
		height: auto;
	}


	#info02 .petBtn {
		width: 100%;
		margin: 0 auto 20px auto;
	}
	#info02 .petBtn .leftman {
		float: none;
		margin-bottom: 10px;
	}
	#info02 .petBtn .rightman {
		float: none;
	}

	#info02 .ruleBox01 {
		padding: 15px;
		width: 100%;
		margin: 0;
	}
	#info02 .ruleBox01 h4 {
		font-size: 14px;
	}

	#info02 #infoPetList table {
		width: 100%;
		float: none;
	}
	#info02 #infoPetList02 table .category {
		width: 80px;
		background: #88b87e;
		color: #fff;
		vertical-align: middle;
	}

	#info02 .infoZoom {
		height: 170px;
	}

	#info02 .wifi ul {
		width: 100%;
	}
}

/*sp記述*/


/*sitemap
----------------------------------------------------------------------------------------------*/

#sitemap .sectionIn {
	padding: 20px;
}
#sitemap .sectionIn a {
	color: #000;
	text-decoration: underline;
}
#sitemap .sectionIn a:hover {
	text-decoration: none;
}

#sitemap h3 {
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 10px;
}

#sitemap ul {
	margin-bottom: 30px;
}
#sitemap ul li {
	margin-bottom: 10px;
}
#sitemap .box01 {
	width: 250px;
	float: left;
}
#sitemap .box02 {
	width: 200px;
	float: left;
}
#sitemap .box03 {
	width: 200px;
	float: left;
}
@media screen and (max-width: 640px) {

	#sitemap .sectionIn {
		padding: 10px;
	}

	#sitemap h3 {
		font-size: 18px;
		margin-bottom: 5px;
	}

	#sitemap ul {
		margin-bottom: 20px;
	}
	#sitemap ul li {
		margin-bottom: 5px;
	}
	#sitemap .box01,
	#sitemap .box02,
	#sitemap .box03 {
		width: 100%;
		float: none;
	}
}

/*sp記述*/


/*access
----------------------------------------------------------------------------------------------*/

#access .accBtnlist01 {
	padding-bottom: 20px;
}
#access .accBtnlist01 li {
	width: 150px;
	margin-right: 10px;
}
#access .accBtnlist01 li:last-child {
	margin-right: 0;
}
#access .accBtnlist01 li img {
	width: 100%;
	height: auto;
}
#access .accBtnlist01 + h3 {
	margin-top: 0px !important;
}

#access h3, #access h4 {
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 26px;
	font-weight: bold;
	margin: 50px 0 20px;
}
#access h4 {
	margin: 30px 0 15px;
}
#mainLeft #access #yokohama h4.titleGray,
#mainLeft #access #osakakadoma h4.titleGray {
	background: none;
	border: none;
	color: #000;
	font-size: 26px;
	font-weight: bold;
}
@media only screen and (max-width: 768px) {
	#access h3, #access h4 {
		font-size: 18px;
		margin-bottom: 10px;
	}
	#mainLeft #access #yokohama h4.titleGray,
	#mainLeft #access #osakakadoma h4.titleGray {
		font-size: 18px;
	}
}

#access .accBtnlist02 {
	margin-bottom: 30px;
}
#access .accBtnlist02 li {
	width: 49%;
	margin-right: 2%;
}
#access .accBtnlist02 li:last-child {
	margin-right: 0;
}
#access .accBtnlist02 li a {
	display: block;
	width: 100%;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-radius: 50px;
  background-image: -moz-linear-gradient( -45deg, rgb(255,114,0) 0%, rgb(251,154,0) 100%); 
  background-image: -webkit-linear-gradient( -45deg, rgb(255,114,0) 0%, rgb(251,154,0) 100%);
  background-image: -ms-linear-gradient( -45deg, rgb(255,114,0) 0%, rgb(251,154,0) 100%); 
  font-size: 16px;
  padding: 15px 25px; 
  line-height: 1; 
  font-weight: bold; 
  transition: opacity 0.3s;
}
#access .accBtnlist02 li a:hover {
	opacity: .7;
}

@media screen and (min-width: 641px) {
	#access .accBtn2row {
		width: 77%;
		margin: 0 auto;
		text-align: center;
	}
}

@media screen and (max-width: 640px) {
	#access .accBtnlist01 li {
		width: 32%;
		margin-right: 2%;
	}
}

#access .sectionIn {
	padding: 20px;
}
#access a {
	text-decoration: underline;
}
#access a:hover {
	text-decoration: none;
}

.accBtn01 {
	text-decoration: none;
	display: inline-block;
	text-decoration: none !important;
	padding: 5px 10px;
	border: 1px solid #D3D3D3;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 10px;
}
.accBtn01 span {
	padding-top: 10px;
	color: #D72629;
	font-size: inherit;
}

.accBtn01:hover {
	background: #FFF6C0;
}

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

	#access .sectionIn {
		padding: 10px;
	}
}

/*sp記述*/
#access div.daiya {
	font-size: 18px;
	color: #fff;
	text-align: center;
	background: #FF0000;
	padding: 10px 10px;
	margin-bottom: 15px;
	margin-top: 15px;
}
#access div.daiya2 {
	font-size: 18px;
	color: #fff;
	text-align: center;
	background: #FF0000;
	padding: 10px;
	margin-bottom: 15px;
	margin-top: 15px;
	margin-right: 25px;
	margin-left: 25px;
}
#sapporo div.daiya3 {
	font-size: 18px;
	text-align: center;
	background: #e8446c;
	margin-bottom: 15px;
	margin-top: 15px;
	padding: 10px;
	color: #FFF;
}


#sapporo div.daiya3 a {
	text-decoration: none;
	color: #FFF;
	font-size: 16px;
}

/*sp 「行き方を調べる」*/

#access .sp .app .icon div {
	float: left;
	text-align: center;
	width: 32%;
	margin-right: 2%;
}
#access .sp .app .icon div:last-child {
	margin-right: 0;
}
#access .sp .app .icon div {
	font-size: 10px;
}
#access .sp .app .icon div a {
	display: block;
	margin-bottom: 5px;
}
#access .sp .app .icon div img {
	width: 100%;
	height: auto;
}
#access .sp .app .icon {
	padding-bottom: 15px;
}
#access .sp .app p,
#access .sp .ytrain p {
	clear: left;
	background-color: #FAFAD2;
	text-align: center;
	padding: 15px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#access .sp .ytrain div {
	text-align: center;
	font-size: 10px;
	margin-bottom: 15px;
}
#access .sp .ytrain div a {
	display: inline-block;
	margin-bottom: 5px;
}
#access .sp .app,
#access .sp .ytrain {
	margin-bottom: 10px;
}

#access .routearea .visible-phone {
	display: none;
}
#access .routearea .hidden-phone {
	text-align: center;
	margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
	#access .routearea .visible-phone {
		text-align: center;
		margin-bottom: 20px;
		display: inherit;
	}
	#access .routearea .visible-phone img {
		max-width: 100%;
	}
	#access .routearea .hidden-phone {
		display: none !important;
	}
}


/*sapporo*/

#access #sapporo .list {
	padding-top: 10px;
	margin-bottom: 10px;
}
#access #sapporo .list ul li {
	float: left;
	margin-left: 5px;
	margin-bottom: 10px;
}

@media screen and (max-width: 640px) {
	#access #sapporo .list ul li {
		width: 49%;
		margin: 0 2% 5px 0;
		text-align: center;
	}
	#access #sapporo .list ul li:nth-child(2n) {
		margin-right: 0;
	}
	#access #sapporo .list ul li img {
		width: 100%;
		height: auto;
	}

	#access div.daiya {
		font-size: 75%;
	}
	#access div.daiya2 {
		font-size: 75%;
		color: #fff;
		text-align: center;
		background: #FF0000;
		margin-bottom: 15px;
		margin-top: 15px;
		margin-right: 0px;
		margin-left: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	#sapporo .daiya3 {
		font-size: 75%;
		text-align: center;
		background: #e8446c;
		margin-bottom: 15px;
		margin-top: 15px;
		padding: 10px;
		color: #FFF;
	}
	#sapporo div.daiya3 a {
		text-decoration: none;
		color: #FFF;
		font-size: 75%;
	}
}
#access #sapporo .hakodate p span {
	font-weight: bold;
}
#access #sapporo .hakodate p {
	margin-bottom: 10px;
}


/*sendai*/

#access #sendai .maparea .map div {
	text-align: center;
}
#access #sendai .maparea > p {
	margin-bottom: 15px;
	margin-left: 10px;
	margin-right: 10px;
}
#access #sendai .traffic div {
	margin-bottom: 10px;
}
#access #sendai .busroot img,
#access #sendai .traninroot img {
	margin-bottom: 10px;
}
#access #sendai .busroot p,
#access #sendai .trainroot p {
	text-align: left!important;
}

#access #sendai .leftPh {
	float: left;
	width: 310px;
}
#access #sendai .rightPh {
	float: right;
	width: 310px;
}
#access #sendai .rightPh img {
	width: 100%;
	height: auto;
}

#access #sendai .hwb_nav li {
	float: left!important;
	margin-right: 3px!important;
}
#access #sendai .hwb_nav li:nth-child(6) {
	margin-right: 0!important;
	}
#access #sendai .hwb_nav2 li {
	float: left!important;
	margin-right: 26px!important;
}
#access #sendai .hwb_nav2 li:nth-child(6) {
	margin-right: 0!important;
	}

#access #sendai .a.alph img.spwh100p {
    margin: 0px 25px;
        }
aaccess #sendai .alph img.spwh100p:last-child {
    margin-right: 30px;
}       }

@media screen and (max-width: 640px) {
	#access #sendai .busroot,
	#access #sendai .trainroot {
		width: 100%;
	}
	#access #sendai .busroot img,
	#access #sendai .trainroot img {
		width: 100%;
		max-width: 567px;
	}
	#access #sendai .leftPh,
	#access #sendai .rightPh {
		float: none;
		width: 100%;
	}
	#access #sendai .hwb_nav li {
		float: left!important;
		margin-right: 6px!important;
		margin-bottom: 6px!important;
		width:15%;
	}
	#access #sendai .hwb_nav li:nth-child(3n) {
		margin-right: 6!important;
		margin-bottom: 6px!important;
	}
}




/*iruma*/

#access #iruma .maparea div {
	text-align: center;
	margin-bottom: 10px;
}
#access #iruma .way {
	margin-bottom: 20px;
}
#access #iruma .parkInfo .price {
	float: left;
	width: 370px;
	text-align: left !important;
	margin-bottom: 10px;
}

.accZoom01 {
	width: 580px;
	height: 570px;
	margin: 20px auto;
	overflow: hidden;
}

@media screen and (max-width: 640px) {
	#access #iruma .parkInfo .price {
		width: 100%!important;
	}

	.accZoom01 {
		width: 100%;
		height: 330px;
		margin: 0;
		vertical-align: top;
	}
}
#access #iruma .parkInfo .clearfix img {
	display: block;
	float: right
}
#access #iruma .parkInfo div {
	text-align: center;
	padding-bottom: 10px;
}
#access #iruma .bus div {
	text-align: center;
	padding-bottom: 10px;
}
#access #iruma .bus .btn {
	margin-top: 10px;
	margin-bottom: 10px;
}
#access #iruma .sp .car div {
	margin-top: 10px;
}


/*makuhari*/

#access #makuhari .maparea div {
	text-align: center;
	margin-bottom: 10px;
}
#access #makuhari table,
#access #makuhari td {
	border: 1px solid #ccc;
}
#access #makuhari td {
	padding: 10px 2px;
	text-align: center;
}
#access #makuhari table {
	width: 100%;
}
#access #makuhari .bus p {
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 2;
}
#access #makuhari .bus p span {
	background-color: #3399CC;
	padding: 3px 10px;
	margin-right: 10px;
	color: #fff;
	display: inline-block;
}
#access #makuhari .bus div {
	text-align: center;
}
#access #makuhari .park p {
	font-weight: bold;
	margin-bottom: 10px;
}
#access #makuhari .park div {
	text-align: center;
}
#access #makuhari .parkMax {
	margin: 10px 0 15px 10px;
}

#access .yellowTitle {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 3px double #ef9900;
	padding-bottom: 5px;
	margin-bottom: 10px;
	color: #ef9900;
	font-weight: bold;
}


/*kisarazu*/

@media screen and (max-width: 640px) {
	#access #kisarazu .situation img {
		width: 100%;
		height: auto;
	}
	#navitimeBox {
		width: 280px;
		margin: 0 auto;
	}
}
#access #kisarazu .maparea div {
	text-align: center;
	margin-bottom: 10px;
}
#access #kisarazu .maparea .mapLink {
	margin-top: 10px;
	margin-bottom: 10px;
}
#access #kisarazu .carnavi {
	margin-top: 10px;
}
#access #kisarazu .carnavi div {
	text-align: center;
}
#access #kisarazu .driveTraffic p span {
	color: #900;
}
#access #kisarazu .driveTraffic p {
	width: 50%;
	float: left;
	text-align: left!important;
}
#access #kisarazu .driveTraffic div {
	width: 50%;
	float: left;
}
#access #kisarazu .driveTraffic {
	margin-bottom: 15px;
}
#access #kisarazu .tokyo,
#access #kisarazu .chiba {
	width: 50%;
	float: left;
}
@media screen and (max-width: 640px) {
	#access #kisarazu .driveTraffic p,
	#access #kisarazu .driveTraffic div,
	#access #kisarazu .tokyo,
	#access #kisarazu .chiba {
		width: 100%;
	}
}

#access #kisarazu .parkInfo p {
	font-size: 130%;
	margin-bottom: 10px;
	font-weight: bold;
}
#access #kisarazu .parkInfo div {
	text-align: center;
}
#access #kisarazu .happyDriveCampaign {
	text-align: center;
	margin: 10px 0;
}

#access #iruma ul.busLink {
	text-align: center;
	margin-left: 65px;
}

#access #kisarazu .busLink li {
	width: 33%;
	float: left;
	text-align: center;
	margin-bottom: 10px;
}

#access #iruma .busLink li {
	float: left;
	text-align: center;
	margin-bottom: 10px;
	margin-left: 5px;
}
@media screen and (max-width: 640px) {
	#access #iruma ul.busLink {
		text-align: center;
		margin-left: 0;
	}
	#access #kisarazu .busLink li {
		padding: 5px;
		margin-bottom: 4px;
	}
	#access #iruma .busLink li {
		padding: 0;
		margin-bottom: 4px;
	}
	#access #kisarazu .busLink li img {
		width: 100%;
		max-width: 185px;
	}
	#access #iruma .busLink li img {
		width: 100%;
		max-width: 135px;
	}
	#access #kisarazu .busLink li.sinjyuku img,
	#access #iruma .busLink li.sinjyuku img {
		width: 100%;
		max-width: 370px;
	}
}
#access #kisarazu .busCampaignBtn {
	margin-top: 10px;
}
#access #kisarazu .busCampaignBtn div {
	text-align: center;
	margin-bottom: 10px;
}
#access #kisarazu .busDetailarea div {
	text-align: center;
}
#access #kisarazu .busSet div {
	text-align: center;
}
#access #kisarazu .busSet {
	margin-top: 10px;
}
#access #kisarazu .busterminal div {
	text-align: center;
	margin-bottom: 10px;
}
#access #kisarazu .busterminal p {
	color: #f00;
	margin-top: 10px;
}
#access #kisarazu .busterminal p {
	color: #f00;
	margin-top: 10px;
}
#access #kisarazu .sphighway .titlearea {
	margin-bottom: 5px;
}
#access #kisarazu .sphighway .root div {
	width: 49%;
	float: left;
	background-color: #f8b500;
	margin-right: 2%;
	margin-bottom: 5px;
}
#access #kisarazu .sphighway .root div:nth-child(2n) {
	margin-right: 0;
}
#access #kisarazu .sphighway .root div img {
	width: 100%;
	height: auto;
	display: block;
}
#access #kisarazu .sphighway .root p span {
	color: #f00;
}
#access #kisarazu .sphighway .root p {
	padding: 5px;
}
#access #kisarazu .sphighway .clearfix {
	margin-bottom: 10px;
}
#access #kisarazu .busPdf {
	text-align: right;
}
#access #kisarazu .busPdf span {
	color: #f00;
	display: inline-block;
	margin-top: 15px;
}
#access #kisarazu .busLinkMenu {
	text-align: center;
	margin-bottom: 20px;
}
#access #kisarazu .busLinkMenu p {
	width: 32%;
	text-align: center;
	color: #000;
	float: left;
	margin-right: 2%;
}

#access #kisarazu .busLinkMenu p:last-child {
	margin-right: 0;
}
#access #kisarazu .busLinkMenu p a {
	display: block;
	width: 100%;
	padding: 30px 0;
	font-size: 16px;
	text-decoration: none;
	background-color: #d8d8d8;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#access #kisarazu .busLinkMenu p a:hover {
	background: #E2E2E2;
}


#access #kisarazu .busLinkMenu_02 {
	text-align: center;
	margin-bottom: 20px;
}
#access #kisarazu .busLinkMenu_02 p {
	width: 100%;
	text-align: center;
	color: #000;
	float: left;
	margin-right: 2%;
}

#access #kisarazu .busLinkMenu_02 p:last-child {
	margin-right: 0;
}
#access #kisarazu .busLinkMenu_02 p a {
	display: block;
	width: 100%;
	padding: 30px 0;
	font-size: 16px;
	text-decoration: none;
	background-color: #d8d8d8;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#access #kisarazu .busLinkMenu_02 p a:hover {
	background: #E2E2E2;
}


/*kisarazu 別ウインドウ表示用*/

#accessWindow {
	width: 690px;
	text-align: left;
}

#accessWindow .titlearea {
	margin-bottom: 20px;
}
#accessWindow .sphighway {
	margin-left: 20px;
}
#accessWindow .sphighway .root > div {
	width: 210px;
	float: left;
	margin: 3px 10px 3px 0;
	background-color: #f8b500;
}
#accessWindow .sphighway .root > div .clearfix {
	padding: 10px 0;
}
#accessWindow .sphighway .root p {
	padding: 0 4px 2px;
}
#accessWindow .sphighway .num {
	color: #f00;
	width: 40px;
	float: left;
	text-align: right;
}
#accessWindow .sphighway .str {
	width: 150px;
	float: left;
}
#accessWindow .close {
	text-align: center;
	padding: 20px 0;
	clear: both;
}


/*tama*/

#access #tama .bus .navi {
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 2;
}
#access #tama .bus .navi span {
	background-color: #f5a010;
	padding: 3px 10px;
	margin-right: 10px;
	color: #fff;
	display: inline-block;
}
#access #tama .bus .walk {
	padding: 10px;
	background-color: #ffe4e4;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 50px;
}
#access #tama .bus .walk span {
	color: #f00;
}
#access #tama .map {
	text-align: center;
	margin-bottom: 10px;
}
#access #tama .road {
	font-weight: bold;
}
#access #tama .parkmap div {
	text-align: center;
}


/*kurashiki*/

#access #kurashiki .maparea,
#access #kurashiki .park,
#access #kurashiki .walk {
	text-align: center;
	margin-bottom: 10px;
}
#access #kurashiki .walk p {
	margin-bottom: 10px;
	margin-top: 10px;
	line-height: 1.5;
}


#access #kurashiki .park p, {
    text-align: left;
    margin-left: 6%;
line-height: 1.5;
}


/*kobe*/

#access #kobe .maparea div,
#access #kobe .map,
#access #kobe .bus div {
	text-align: center;
	margin-bottom: 10px;
}

#access #kobe .parkRide {
	margin-bottom: 10px;
}
#access #kobe .parkRide span {
	font-weight: bold;
	font-size: 120%;
}
#access #kobe .toPark span {
	font-weight: bold;
}
#access #kobe table th {
	background-color: #eaeaeb;
	padding: 8px 10px;
	text-align: center;
}
#access #kobe table td {
	background-color: #f7f9f8;
	padding: 8px 10px;
	text-align: center;
}
#access #kobe table {
	border-spacing: 3px;
	border-collapse: separate;
	width: 100%;
}

#access #kobe .parkDetail table td {
	text-align: left!important;
	padding-left: 10px;
}
#access #kobe .parkDetail p {
	font-weight: bold;
}
#access #kobe .parkDetail {
	margin: 10px 0;
}
#access #kobe .parkStation th {
	font-weight: bold;
}
#access #kobe .parkStation {
	margin-bottom: 10px;
}


/*osaka*/

#access #osaka .maparea div {
	text-align: center;
	margin-bottom: 10px;
}
#access #osaka .parkInfo {
	width: 510px;
	margin: 0 auto;
}
@media screen and (max-width: 640px) {
	#access #osaka .parkInfo {
		width: 100%;
	}
}
#access #osaka .road span {
	font-weight: bold;
}
#access #osaka .road {
	margin: 10px 0;
}
#access #osaka .parkDetail {
	margin-bottom: 10px;
}
#access #osaka .weekdayService {
	color: #df0337;
}
#access #osaka .weekdayService span {
	font-size: 110%;
}
#access #osaka .weekday table,
#access #osaka .weekday p,
#access #osaka .holiday table,
#access #osaka .holiday p {
	width: 300px;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}
#access #osaka .weekday {
	margin-bottom: 10px;
}
#access #osaka .weekday p span {
	color: #76B911;
}
#access #osaka .holiday p span {
	color: #E7483F;
}
#access #osaka .weekday table th {
	background-color: #E7F5DF;
	font-weight: bold;
}
#access #osaka .holiday table th {
	background-color: #FED6D6;
	font-weight: bold;
}
#access #osaka .weekday table td,
#access #osaka .holiday table td {
	background-color: #f8f8f8;
}
@media screen and (max-width: 640px) {
	#access #osaka .weekday table,
	#access #osaka .weekday p,
	#access #osaka .holiday table,
	#access #osaka .holiday p {
		width: 100% !important;
	}
}
#access #osaka .weekday table,
#access #osaka .holiday table {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: center;
}
#access #osaka .weekday .title th {
	background-color: #8dce6a !important;
	color: #fff !important;
}
#access #osaka .holiday .title th {
	background-color: #f64642 !important;
	color: #fff !important;
}


/*shiga*/

#access #shiga .maparea div {
	margin-bottom: 10px;
	text-align: center;
}
#access #shiga .highway {
	margin: 0 auto;
	width: 560px;
}
@media screen and (max-width: 640px) {
	#access #shiga .highway {
		width: 100% !important;
	}
}
#access #shiga .highway p span {
	color: #f00;
}


/*oyabe*/

#access #oyabe .busLink li {
	float: left;
	width: 25%;
	text-align: center;
}
#access #oyabe .busLink {
	margin: 15px 0;
}
#access #oyabe .busLink li img {
	width: 100%;
	max-width: 149px;
}
@media screen and (max-width: 640px) {
	#access #oyabe .busLink li {
		width: 50% !important;
		margin-bottom: 5px;
	}
}
#access #oyabe .maparea div {
	text-align: center;
	margin-bottom: 10px;
}
#access #oyabe .carnavi {
	margin-top: 30px;
}
#access #oyabe .carnavi .title {
	color: #f5a100;
	font-size: 18px;
	font-weight: bold;
}
#access #oyabe .carnavi .address {
	color: #000000;
	font-weight: bold;
}
#access #oyabe .carnavi .red {
	font-weight: bold;
}
#access #oyabe .highway {
	margin: 15px auto;
}
#access #oyabe .highway span {
	color: #900;
	font-weight: bold;
}
#access #oyabe .road div {
	text-align: center;
	margin: 20px 0;
}
#access #oyabe .road p {
	color: #C00;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
#access #oyabe .parkInfo div {
	text-align: center;
}
#access #oyabe .parkInfo p {
	color: #f00;
}
#access #oyabe .train .time {
	font-size: 18px;
	font-weight: bold;
}
#access #oyabe .train .time span {
	color: #f5a100;
	font-size: 18px;
	font-weight: bold;
}
#access #oyabe .train .link {
	margin-bottom: 10px;
}
#access #oyabe .train .link a {
	color: #4e5696;
}
#access #oyabe .busInfoLink {
	text-align: center;
	margin: 20px 0;
}
#access #oyabe .bus p {
	font-size: 18px;
}
#access #oyabe .bus p span {
	font-size: 18px;
	color: #f5a100;
}
#access #oyabe .bus .btn {
	padding-bottom: 10px;
}
#access #oyabe .bus .kanazawaBtn a {
	display: inline-block;
	margin-right: 8px;
}
@media screen and (max-width: 640px) {
	#access #oyabe .bus .kanazawaBtn a {
		display: block;
		margin-right: 0;
		margin-top: 5px;
	}
}
#access #oyabe .navitime {
	text-align: center;
	margin: 10px 0;
}

/*oyabe_parking_fk*/

#access #oyabe .gazo-box {
	float: left;
	padding-right: 0px;
	padding-left: 5px;
}
#access #oyabe .gazo-box p {
	background-color: #fbb500;
	color: #333333;
	height: 90px;
	width: 295px;
	text-align: center;
	/*line-height: 80px;*/
	padding: 22px 15px;
}
#access #oyabe .gazo-box2 {
	float: left;
	width: 295px;
	margin-left: 15px;
}
#access #oyabe .gazo-box2 .sho {
	background-color: #Fbb500;
	color: #333333;
	width: 295px;
	height: 90px;
	text-align: center;
	/*line-height: 80px;*/
	padding: 32px 15px;
}
#access #oyabe .gazo-box3 {
	width: 295px;
}
#access #oyabe .gazo-box3 .sho {
	background-color: #Fbb500;
	color: #333333;
	width: 295px;
	height: 90px;
	text-align: center;
	/*line-height: 80px;*/
	padding: 32px 15px;
}

#access #oyabe .gazo-box4 {
	clear: both;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 2px;
	padding-left: 15px;
	text-align: left;
	color: #333333;
}
@media screen and (max-width: 640px) {
	#access #oyabe .gazo-box4 {
		clear: both;
		font-weight: bold;
		padding-top: 20px;
		padding-bottom: 2px;
		text-align: left;
		padding-left: 5px;
		color: #333333;
	}
}
#access #oyabe .gazo-box0 {
	padding: 5px;
}
@media screen and (max-width: 640px) {
	#access #oyabe .gazo-box {
		float: left;
		width: 50%;
		padding-right: 5px;
		padding-left: 0px
	}
	#access #oyabe .gazo-box img {
		width: 100%;
	}
	#access #oyabe .gazo-box p {
		width: 100%;
		text-align: center;
	}
	#access #oyabe .gazo-box2 {
		float: left;
		width: 50%;
		margin-left: 0px;
		margin-top: 0px;
		padding-left: 5px;
	}
	#access #oyabe .gazo-box2 img {
		width: 100%;
	}
	#access #oyabe .gazo-box2 .sho {
		background-color: #Fbb500;
		color: #333333;
		width: 100%;
		text-align: center;
	}
	#access #oyabe .gazo-box3 {
		width: 50%;
		padding-right: 5px;
	}
	#access #oyabe .gazo-box3 img {
		width: 100%;
	}
	#access #oyabe .gazo-box3 .sho {
		background-color: #Fbb500;
		color: #333333;
		width: 100%;
		text-align: center;
	}
}

/*yokohama*/

#yokohamaMap {
	text-align: center;
}
#yokohamaMap ul li {
	display: none;
}
#access #yokohama .park span {
	color: #ff9900;
}
#access #yokohama .park span {
	color: #ff9900;
}

#access #yokohama table th,
#access #yokohama table td {
	padding: 5px 3px;
	text-align: center;
	/*	background:#f6f5ee;*/
	border-bottom: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	vertical-align: middle;
}
#access #yokohama table .brown {
	background: #efeae3!important;
}
#access #yokohama table .lightbrown {
	background: #f6f5ee!important;
}
#access #yokohama table.specialparking tr:nth-child(even) {
	background-color: #f6f5ee!important;
}
#access #yokohama table.specialparking tr:nth-child(odd) {
	background-color: #efeae3!important;
}
#access #yokohama table {
	border-spacing: 3px;
	border-collapse: separate;
	width: 100%;
}
#access #yokohama .parkService tr th.brown {
	text-align: left!important;
	padding-left: 1em;
}
#access #yokohama .maparea {
	text-align: center;
	margin-bottom: 30px;
}
#access #yokohama .maparea p {
	text-align: left;
	padding-top: 10px;
}
#access #yokohama .road {
	margin: 30px 0;
}
#access #yokohama .road span {
	font-weight: bold;
}
#access #yokohama .mapBottom div {
	text-align: center;
	margin-bottom: 10px;
}
#access #yokohama .mapBottom p {
	margin-bottom: 10px;
	line-height: 2;
}


/*nagashima*/

#access #nagashima .maparea div,
#access #nagashima .cashback {
	text-align: center;
	margin-bottom: 10px;
}
#access #nagashima .price span {
	font-weight: bold;
}
#access #nagashima .price {
	margin-bottom: 10px;
}
#access #nagashima .busTimetable div {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#access #nagashima .busTimetable p {
	font-weight: bold;
}

@media screen and (max-width: 640px) {
	#yokohamaMap {
		padding: 0 10px;
	}
	#yokohamaMap img {
		width: 100%;
		height: auto;
	}
	#yokohamaMap ul li {
		display: block;
		float: left;
		width: 49%;
		margin-right: 2%;
		margin-bottom: 5px;
	}
	#yokohamaMap ul li:nth-child(2n) {
		margin-right: 0;
	}
}

/*osakakadoma*/

#osakakadomaMap {
	text-align: center;
}
#osakakadomaMap ul li {
	display: none;
}
#access #osakakadoma .park span {
	color: #ff9900;
}
#access #osakakadoma .park span {
	color: #ff9900;
}

#access #osakakadoma table th,
#access #osakakadoma table td {
	padding: 5px 3px;
	text-align: center;
	/*	background:#f6f5ee;*/
	border-bottom: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	vertical-align: middle;
}
#access #osakakadoma table td {
    border:1px solid #cccccc;
    padding: 10px;
    font-size:120%;
}
#access #osakakadoma table th {
    border: none;
    padding: 10px;
    font-size:120%;
    font-weight: 800;
}
#access #osakakadoma table .brown {
	background: #efeae3!important;
}
#access #osakakadoma table .lightbrown {
	background: #f6f5ee!important;
}
#access #osakakadoma table.specialparking tr:nth-child(even) {
	background-color: #f6f5ee!important;
}
#access #osakakadoma table.specialparking tr:nth-child(odd) {
	background-color: #efeae3!important;
}
#access #osakakadoma table {
	border-spacing: 3px;
	border-collapse: separate;
	width: 100%;
}
#access #osakakadoma .parkService tr th.brown {
	text-align: left!important;
	padding-left: 1em;
}
#access #osakakadoma .maparea {
	text-align: center;
	margin-bottom: 30px;
}
#access #osakakadoma .maparea p {
	text-align: left;
	padding-top: 10px;
}
#access #osakakadoma .road {
	margin: 30px 0;
}
#access #osakakadoma .road span {
	font-weight: bold;
}
#access #osakakadoma .mapBottom div {
	text-align: center;
	margin-bottom: 10px;
}
#access #osakakadoma .mapBottom p {
	margin-bottom: 10px;
	line-height: 2;
}


/*404
----------------------------------------------------------------------------------------------*/

.error {
	text-align: center;
	background: #ffdcdc;
	border: 1px solid #ff4f4f;
	margin-bottom: 20px;
	padding: 30px;
}
.error h2 {
	background: url(/mop/common/images/common/bg_error.png) left center no-repeat;
	display: inline-block;
	padding-left: 42px;
	font-size: 18px;
	color: #ff4f4f;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	margin-bottom: 20px;
}
.error p {
	font-size: 16px;
	font-weight: bold;
}

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

	.error {
		margin-bottom: 15px;
		padding: 15px;
	}
	.error h2 {
		background-size: 16px 14px;
		padding-left: 20px;
		font-size: 14px;
		height: 14px;
		line-height: 14px;
		margin-bottom: 10px;
	}
	.error p {
		font-size: 12px;
		font-weight: normal;
	}
}

/* hunger */
#event .detailBox h3,
#recommendation02 .detailBox h3,
#shopNews02 .detailBox h3 {
	font-size: 26px ;
	font-weight: bold ;
	color: #000000;
	font-family: "Noto Sans CJK JP";
}
.text-link{
	padding: 20px;
}
#floorguide .tabBtn li:nth-of-type(3) {
	margin-right: 0;
}
@media screen and (max-width: 640px) {
	#access .accBtnlist02 li {
		width: 100%;
		margin-right: 0;
		margin-top: 2%;
	}
	#access .accBtnlist02 li a {
		padding: 12px 35px;
	}
	#access h4.titleBlack {
		font-size: 18px;
	}
	#event .detailBox h3,
	#recommendation02 .detailBox h3,
	#shopNews02 .detailBox h3 {
		font-size: 18px;
	}
	.text-link {
		padding: 10px;
	}
	#floorguide .tabBtn li {
		width: calc(100% / 3 - (10px / 3));
	}
	#floorguide .tabBtn li a {
		height: 52px;
	}
	#floorguide .tabBtn li a:after {
		display: block;
	}
}
@media screen and (max-width: 769px) {
	#sitemap h3 {
		font-size: 18px;
	}
}
/* PARK_P2-512  Start*/
@media only screen and (min-width: 769px) {
    .btn-gourmet-guide{
		padding: 0 25px;
		margin-bottom: -55px;
		margin-top: 40px;
    }
    .btn-gourmet-guide .p-gourmet-guide{
        text-align: right;

        width: 100%;
    }
    .btn-gourmet-guide .p-gourmet-guide .a-gourmet-guide{
        background-image: -webkit-linear-gradient(-45deg, rgb(255, 114, 0) 0%, rgb(251, 154, 0) 100%);
        border: none;
		line-height: 1.5;
        border-radius: 50px;
        color: #ffffff;
        display: inline-block;
        font-size: 20px;
        font-weight: bold;
        width: auto;
        max-width: 560px;
        padding: 13px 20px;
        text-decoration: none;
        transition: opacity 0.3s;
        opacity: 1;
        text-align: center;
    }

}

@media only screen and (max-width: 768px) {
    .btn-gourmet-guide {
        padding: 0px 17px;
		margin-top: 20px;
		margin-bottom: -45px;
		
    }
    .btn-gourmet-guide .p-gourmet-guide{
        text-align: right;
        width: 100%;
    }
    .btn-gourmet-guide .p-gourmet-guide .a-gourmet-guide{
        font-size: 16px;
		line-height: 1.5;
        padding: 10.5px 15px;
        text-decoration: none;
        transition: opacity 0.3s;
        font-weight: bold;
        width: auto;
        max-width: 560px;
        border: none;
        border-radius: 50px;
        color: #ffffff;
        display: inline-block;
        background-image: -webkit-linear-gradient(-45deg, rgb(255, 114, 0) 0%, rgb(251, 154, 0) 100%);
        text-align: center;
        cursor: pointer;        
    }
}
.a-gourmet-guide span {
    font-weight: bold;
    display: inline-block;
    position: relative;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
	font-size:100%;
	font-weight: bold;
}
/* PARK_P2-512  End*/
/* PARK_P2-532  Start*/
@media only screen and (min-width: 768px) {
	#event .detailBox .image img {
height: auto;
min-width: 640px;
border: 1px solid #7e7e7e;
width:auto;
max-width: 100%;
	}
	#shopNews02 .detailBox .image img {
height: auto;
min-width: 640px;
border: 1px solid #7e7e7e;
width:auto;
max-width: 100%;
	}
	#openClose .detailBox .image {
height: auto;
min-width: 640px;
width:auto;
max-width: 100%;
margin-top: 50px;
text-align: center;
	}
	#recommendation02 .detailBox .image img {
height: auto;
min-width: 640px;
border: 1px solid #7e7e7e;
width:auto;
max-width: 100%;
	}
	#floorguide .tabBox .clearfix.pc li{
width: 475px;
	}
	.info02List .leftman:nth-child(odd) {
margin-right:10px
	}
	.info02List .leftman {
margin-right: 10px;
	}
	.info02List {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
	}
	#info02 .serviceList {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
	}
	#info02 .leftPh02 {
width: auto;
	}
	#floorguide .tabBox ul li {
width: 200px;
	}


}
@media screen and (max-width: 640px) {
	#openClose .detailBox .image {
width: 100%;
margin: 0 auto 15px auto;
text-align: center;
	}
}

.center-layout {
    display: flex;
    justify-content: center;
}

/* PARK_P2-532  End*/
/* PARK_P2-532  Start*/
@media only screen and (min-width: 769px) {
	#access #iruma ul.busLink {
		margin-left: 22%;
	}
	#mainLeft #access .sectionIn .roadmap {
	    justify-content: flex-start;
	}
	.w-100 {
		width: 100%;
	}
	.w-650 {
		width: 650px;
	}
	.roadmap img ,dt,dd,dl{
		width: 100%;
	}
	.mrg-left-16 {
		margin-left: 16% !important;
	}
	.mrg-left-18 {
		margin-left: 18%;
	}
	.mrg-right-17 {
		margin-right: 17%;
	}
	.mrg-left-25 {
		margin-left: 25%;
	}
	table.cafe {
        width: 315px;
        float: left;
        margin-top: 40px;
        margin-left: 20px;
	}
	.restaurant-postion {
        margin: 0 0 20px 0;
        margin-left: -7%;
        align-items: flex-start;
	}
	.btn-postion {
		width: 650px;
    	text-align: center;
    	margin-left: 16%;
    	margin-top: 20px;
	}
}
/* PARK_P2-532  End*/
/* PARK_P2-621 Satrt */	
#info02.infoSection h1{
	font-size: 30px;
	font-weight: bold;
	font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
	color: #000000;
	margin-bottom: 40px;
}	
#info02.infoSection h2{
	font-size: 26px;
	font-weight: bold;
	font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
	margin-bottom: 20px;
}	
#info02.infoSection h3{
	font-size: 18px;
	font-weight: normal;
	font-family: Meiryo, メイリオ, "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック", Osaka, "Hiragino Kaku Gothic Pro", sans-serif;
    margin-bottom: 15px;
	clear: both;
}	
#info02.infoSection #pet h3{
	font-size: 18px;
	font-weight: normal;
	font-family: Meiryo, メイリオ, "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック", Osaka, "Hiragino Kaku Gothic Pro", sans-serif;
    margin-bottom: 15px;
	clear: both;
}
#info02.infoSection #pet .ruleBox01 h3{
    font-size: 16px;
	font-weight: normal;
	font-family: Meiryo, メイリオ, "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック", Osaka, "Hiragino Kaku Gothic Pro", sans-serif;
    color: #fff;
    margin-bottom: 10px;
	clear: both;
}
#mainContents #mainLeft .infoSection section {
	margin-bottom: 25px;
	padding-bottom: 25px;
    border-bottom: 1px solid #ccc;
}
#mainContents #mainLeft .infoSection section:last-of-type {
    border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
#info02 .leftPh.child-top-part {
	width: 960px;
}
.anchor-links-container{
	margin-bottom: 20px;
}
.anchor-links ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}
.anchor-links li {
    display: flex;
    align-items: center;
    flex: 1 1 50%;
    box-sizing: border-box;
    padding: 5px 10px;
    max-width: 100%; 
}
#info02 .anchor-links a {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: #000;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
}
.anchor-links a::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #f58800;
    border-right: 1px solid #f58800;
    bottom: 10%;
    right: 50%;
    transform: rotate(-45deg);
    vertical-align: middle;
    -webkit-transform: translateX(50%) rotate(45deg);
}
.info-back-top,.foreigner-h1{
	margin-top: 50px;
}


@media print, screen and (max-width: 768px) {	
	#info02.infoSection h1{
		font-size: 20px;
		font-weight: bold;
		font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
		color: #000000;
		margin-bottom: 20px;
	}	
	#info02.infoSection h2{
		font-size: 18px;
		font-weight: bold;
		font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
		margin-bottom: 20px;
	}	
	#info02.infoSection h3{
		font-size: 16px;
		font-weight: normal;
		font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
		margin-bottom: 15px;
		clear: both;
	}
	#mainContents #mainLeft .infoSection section {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #ccc;
	}
	#mainContents #mainLeft .infoSection section:last-of-type {
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	#info02 .leftPh.child-top-part {
		width: 100%;
	}
}

#info02 .leftPh.width-extend {
    width: 750px;
}
@media screen and (max-width: 640px) {
	
	#info02 .leftPh.width-extend {
		width: 100%;
	}
}
/* PARK_P2-621 End */