﻿.section {
	margin-bottom: 7.0rem
}
.section *:last-child {
	margin-bottom: 0
}
.section > h2 {
	text-align: center;
	font-size: 2.0rem;
	margin-bottom: 10px
}
.section > p {
	text-align: center;
	font-size: 1.8rem;
	margin-bottom: 2.0rem
}

h1 {
	font-size: 2.4rem;
	padding: 1rem;
	margin: 0 0 3.0rem;
	border-bottom: 2px solid #cccccc;
	text-align: center
}

#shop.loading {
	background-size: 32px auto
}
.listArea {
	box-sizing: border-box;
	display: table;
	width: 100%;
	border-radius: 6px;
	margin-bottom: .5rem;
	padding: 0;
	font-size: 1.6rem
}
.listArea li {
	display: table-cell;
	border-right: 1px solid #f0f0f0
}
.listArea li:last-child {
	border-right: none
}
.listArea li a {
	display: block;
	text-align: center;
	border-radius: 3px 3px 0 0;
	margin: 0.25em 0 0 0;
	padding: 0.5em 0;
	border-bottom: 4px solid #fff;
	text-decoration: none
}
.listArea li a.active { /*地域のアクティブ*/
	border-bottom-color: #CCCCCC
}
.listArea li span:last-child {
	font-size: 1.2rem
}
.listAreaSP {
	display: none;
	margin-bottom: 0.25rem
}
.agreement {
	margin-bottom: 2.0rem;
	padding: 1.0rem;
	border: 1px solid #f0f0f0;
	font-size: 1.0rem;
	background-color: #fafafa
}
.agreement p:last-child {
	margin-bottom: 0
}
.agreement ul li {
	list-style: square;
	list-style-position: inside;
	padding-left: .5em;
	font-size: 1.5rem;
	line-height: 2.4rem;
}
#shop {
	min-height: 80.0rem
}
.shop {
	position: relative;
	margin-bottom: 1.5rem;
	padding: 1.0rem 0.25rem;
	font-size: 1.5rem
}
.shop {
	transition: opacity .25s ease-out;
	opacity: 1
}
.shop.hidden {
	opacity: 0
}
.shop:hover {
	background: #f9f9f9
}
.shop h2 {
	line-height: 1.0;
	margin: 0 0 0.25rem 0;
	padding: 0;
	font-size: 2.4rem;
	font-weight: normal
}

/* 予約ボタン */
.shop .btns {
	margin: 0;
	padding: 0;
	font-size: 1.5rem
}
.shop .btns a {
	display: block;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 1.0em 1.0em;
	border-radius: 3px;
	color: #fff;
	background-color: #33a5e7;
	transition: background-color .125s ease-out 0s
}
.shop .btns a:hover {
	background-color: #5abdf6
}
.shop .detail {
	/*width: 70%; 予約ボタンありの時*/
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 16px
}
.detail p {
	margin: 0;
	padding: 0.25em;
	border-bottom: 1px dotted #f0f0f0;
	color: #666
}
.detail .label {
	margin-right: 1.0em;
	font-size: 14px
}
.shop .btnMap, .shop .btnTel {
	display: inline-block;
	text-decoration: none;
	margin-left: 1.0em;
	padding: 2px 5px;
	border-radius: 3px;
	font-size: 12px;
	color: #fff;
	background: #BBBBBB;
	transition: background-color .125s ease-out 0s
}
.shop .btnMap:hover, .shop .btnTel:hover {
	background-color: #CCCCCC
}
.shop .btnTel {
	display: none
}
.acSet {
	box-sizing: border-box;
	position: relative;
	display: block;
	width: atuo;
	margin: 0 5px 1.0rem;
	padding: 0
}
.acq {
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #f0f0f0;
	border-radius: 2px;
	margin-bottom: 0;
	padding: 0.5rem;
	font-size: 1.8rem
}
.acq .btnSearch {
	display: inline-block;
	width: 5%;
	text-align: center
}
.acq .ico.icoSearch {
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 0 auto;
	background-size: auto 25px
}
#q {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-sizing: border-box;
	display: inline-block;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 0 0.5rem;
	border: none;
	outline: none
}
#q::-ms-clear {
	color: transparent;
	content: '';
	width: 25px;
	height: 25px;
	background: url(/service/e-money/linepay/images/ico_s.png) no-repeat -25px 0;
	background-size: auto 25px;
	cursor: pointer
}
#q::-webkit-search-cancel-button {
	-webkit-appearance: none;
	width: 25px;
	height: 25px;
	background: url(/service/e-money/linepay/images/ico_s.png) no-repeat -25px 0;
	background-size: auto 25px;
	cursor: pointer
}
.acq.focus {
	outline: 2px solid #5abdf6
}
.acq input, .acq span {
	vertical-align: middle
}
.control .ui-autocomplete.ui-corner-all {
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
	box-sizing: border-box;
	max-height: 180px;
	border-radius: 0;
	box-shadow: 0 1px 4px #ccc;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
.ui-menu-item {
	z-index: 100;
	background-color: #FFFFFF;
}
.ui-menu .ui-menu-item a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border-radius: 0;
	border: none;
	margin: 0;
	padding: 2px
}
.ui-menu-item .label, .ui-menu-item .address {
	display: block;
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap
}
.ui-menu-item .label {
	font-size: 1.5rem
}
.ui-menu-item .address {
	font-size: 1.3rem;
	color: #787878
}
.ui-menu .ui-menu-item a.ui-state-focus {
	border-radius: 0;
	border: none;
	color: #fff;
	margin: 0;
	background: #33a5e7
}
.ui-menu .ui-menu-item a.ui-state-focus .address {
	color: #fff
}
.ui-helper-hidden-accessible {/*エラー時の英文隠す*/
	display: none;
}
.status {
	min-height: 2.0rem;
	margin: 0 0 .5rem;
	font-size: 1.6rem
}
.control {
	width: 100%;
	min-height: 5rem
}
.holder {
	z-index: 100;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.95)
}
.control.fixed {
	position: relative
}
.control.fixed .holder {
	position: fixed;
	top: 0;
	min-height: 11rem
}
.focusing #wHeader, .focusing .control.fixed .holder {
	position: static
}
.listArea, .listArea li a {
	transition: all .25s ease
}
.control.fixed .listArea {
	margin-bottom: 0.125rem
}
.control.fixed .listArea li a {
	margin: 0;
	padding: 0.125rem 0
}
.detail .label {
	margin-right: 1em;
	position: relative;
	font-weight: 500;
	margin-left: 2.5rem;
	color: #3D3333;
}

.detail .phone:before,
.detail .address:before,
.detail .hour:before,
.detail .parking:before {
    font-family: "Font Awesome 5 Free";
    content: '\f095';
    color: #3D3333;
    font-weight: 900;
    position: absolute;
}
.detail .address:before {
    content: '\f3c5';
}
.detail .hour:before {
    content: '\f017';
}
.detail .parking:before {
    content: '\f540';
}
.ico {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url(/service/e-money/linepay/images/ico_s.png) no-repeat 0 0;
	background-size: auto 100%
}
@media screen and (max-width: 767px) {
	h1 {
		text-align: left
	}
	.section > p {
		text-align: left;
		font-size: 1.8rem;
		margin-bottom: 2.0rem
	}
	.agreement ul li {
	list-style: circle;
	list-style-position: inside;
    font-size: 1rem;
    line-height: 1.4rem;
}
	.btnC a h2 {
		font-size: 1.8rem;
		background: none
	}
	.btnC a p {
		font-size: 1.1rem;
		width: 98%
	}
	.btnC .btnStore {
		margin-top: 1rem;
		width: auto
	}

	.listIpBnr {
		box-sizing: border-box;
		width: 100%;
		margin: 0 auto 10px;
		padding: 0 10px
	}
	.listIpBnr li {
		text-align: center;
		float: none;
		width: 100%;
		margin: 0 auto 10px;
		padding: 0
	}
	.listIpBnr li img {
		width: 100%;
		height: auto
	}
	.listArea {
		display: none
	}
	.listAreaSP {
		display: block;
		width: 80%;
		margin: 0 auto;
		padding: 0.5rem
	}
	.shop {
		margin-bottom: .5rem
	}
	.shop h2 {
		padding: 0.25em
	}
	.shop .btns {
		width: 80%;
		margin: 1.0rem auto
	}
	.shop .btns a {
		padding: 0.5rem 0.25rem
	}
	.shop .detail {
		width: 100%
	}
	.detail .label {
		display: block
	}
	.shop .btnMap, .shop .btnTel {
		display: inline-block
	}
	.status {
		font-size: 1.4rem;
		text-align: center
	}
	.control, .control.fixed .holder {
		min-height: 7.0rem
	}
	.control.fixed .holder {
		width: 100%;
		margin-top: 6.2rem
	}
	.control.fixed .holder .listAreaSP {
		display: none
	}
	.acq {
		margin-bottom: 0;
		font-size: 1.6rem
	}
	.ui-menu-item .label {
		font-size: 1.3rem
	}
	.ui-menu-item .address {
		font-size: 1.1rem;
		color: #666
	}
	#q {
		box-sizing: border-box;
		width: 90%
	}
	.acq .btnSearch {
		width: 10%
	}
	.ui-autocomplete.ui-corner-all {
		width: 80%
	}

}
@media screen and (min-width: 768px) {
	.shop .btns {
		position: absolute;
		top: 50%;
		left: 75%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 220px;
		margin: 0;
		padding: 0
	}
	.control {
		min-height: 12.50rem
	}
	.control:not(.fixed) {
		margin-bottom: 3.0rem
	}
	.fixed .holder {
		width: 950px
	}
	.acSet {
		/*width: 70%; 予約ボタンありの時*/
		width: 100%;
		margin-left: 0
	}
	.acq {
		border-width: 3px
	}
}

