/* #store
----------------------------------------------------------- */
@media (min-width: 751px) and (max-width: 980px) {
	body {
		min-width: 980px;} }

.comMainVisual h1 {
	margin-bottom: 15px;
	color: #009fd6;
	font-size: 32px;
	font-size: 3.2rem;
	text-align: center;
	letter-spacing: 2px;
	font-weight: bold; }
@media only screen and (max-width: 750px) {
	.comMainVisual h1 {
		font-size: 22px;
		font-size: 2.2rem; } }

.storeArea {
	/*margin-bottom: 10px;*/
	overflow: hidden; }
	.storeArea .store {
		float: left;
		width: 41.68%;
		background-color: #FFFBCC; }
		.storeArea .contArea {
			float: right;
			padding-right: 32px;
			padding-bottom: 30px;
			width: 346px; }
			.storeArea .contArea h4 {
				text-align: center;
				margin-bottom: 30px;
				color: #009fd6;
				font-size: 13px;
				font-weight: normal; }
			@media (min-width: 751px) and (max-width: 1200px) {
				.storeArea .contArea {
					width: 100%;}}
			@media only screen and (max-width: 750px) {
			.storeArea {
				margin-bottom: 0;}
			.storeArea .store {
				float: none;
				width: auto !important;
				padding: 0 !important;}
				.storeArea .contArea {
					position: relative;
					padding-right: 0;
					padding-left: 0 !important;
					float: none !important;
					width: auto !important; } }

.storeArea .storeList {
	float: right; }
	.storeArea .storeList li {
		margin-left: 9px;
		margin-bottom: 9px;
		box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
		float: left; }
	.storeArea .storeList li:nth-child(2n+1) {
		margin-left: 0; }
		.storeArea .storeList a {
			display: table;
			color: #009fd6;
			width: 148px;
			height: 148px;
			text-decoration:none; }
			.storeArea .storeList .tr {
				display: table-row; }
			.storeArea .storeList .image {
				display: table-cell;
				height: 100px;
				background: white;
				text-align: center;
				vertical-align: middle; }
			.storeArea .storeList p {
				display: table-cell;
				background-color: #ffea04;
				text-align: center;
				vertical-align: middle; }

	@media only screen and (max-width: 750px) {
		.storeArea .storeList {
			float: none;
			width: 305px;
			margin: 0 auto;
		}
	}


.main h3 {
	margin-bottom: 32px;
	padding: 7px 0;
	color: #784700;
	font-size: 18px;
	font-size: 1.8rem;
	letter-spacing: 5px;
	text-align: center;
	overflow: hidden;
	zoom: 1;
	border-bottom: 1px solid #dac108;
	background-color: #ffea04;}
	.main h3 span {
		width: 380px;
		display: block;
		float: right;
		text-align: center; }
		@media only screen and (max-width: 750px) {
			.main h3 {
				height: 30px;
				position: relative;
				font-size: 15px;
				font-size: 1.5rem;
				line-height: 15px;
				border: none;
				z-index: 20;
				overflow: visible;
				background: none !important; }
				.main h3 span {
					width: auto;
					float: none;}
				.main h3 .ttl {
					transform: translate3d(0, 0, 0);
					padding: 9px 0;
					width: 100% !important;
					position: absolute;
					left: 0;
					top: 0;
					z-index: 20;
					display: block;
					border-bottom: 1px solid #dac108;
					background-color: #ffea04; }}
					@media all and (-ms-high-contrast:none) and (max-width: 750px) {
						.main h3 .ttl {
							padding: 9px 0 5px; }
						}


.storeArea .offline {
	width: 58.32%;
	background-color: #CBECF3; }
	.storeArea .offline h3 span {
		width: 600px; }
	.storeArea .offline .contArea {
		padding-left: 42px;
		width: 610px;
		float: left; }
		.storeArea .offline h3 {
			color: #FFF;
			border-color: #048FC3;
			background-color: #009FD6; }
			.storeArea .offline h3 span {
				float: left; }
		.storeArea .offline form {
			margin-bottom: 37px; }
			.storeArea .offline select {
				appearance: none;
				-webkit-appearance: none;
   				-moz-appearance:none;
				width: 261px;
				height: 38px;
				padding: 0 28px 0 8px;
				font-size: 13px;
				color: #0069a7;
				background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjIwMHB4IiBoZWlnaHQ9IjIwMC4wMHB4IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzEyOTZkYiIgZD0iTTcyNi42NTI4MDEgNDI5LjMwNTYwMyAyOTcuMzQ3MTk5IDQyOS4zMDU2MDMgNTEyLjE5MzQwNSA2MzguMTU2MjU4WiIgLz48L3N2Zz4=) no-repeat 97% center;
				-webkit-background-size: 25px;
				background-size: 25px;
				border: 1px solid #2d6aa6;
				border-radius: 0;
				margin-right: 9px; }
			.storeArea .offline select::-ms-expand {
				display: none;
			}
			#city {
				margin-right: 0; }
			.storeArea .offline .btn {
				width: 135px;
				height: 38px;
				font-size: 14px;
				background-color: #009fd6;
				border-radius: 4px;
				color: #fff;
				border: 0;
				box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.24); }
		.storeArea .offline .title {
			color: #2d6aa6; }
		.storeArea .offline .ft {
			font-size: 13px;
			color: #009fd6;
			line-height: 2;
			text-align: center; }
		.storeArea .offline .list p {
				color: #2d6aa6; }
			@media only screen and (max-width: 750px) {
				.storeArea .offline form {
					border-bottom: 1px solid #9ac9db;
					margin-bottom: 20px;
					padding: 0 11% 20px; }
				.storeArea .offline select {
					width: 100%;
					margin-right: 0;
					margin-bottom: 20px; }
				.storeArea .offline .btn {
					width: 100%;
				}
				.storeArea .offline .contArea,
				.storeArea .offline h3 span {
					width: auto;
					float: none;}
					.storeArea .offline h3 .ttl {
						left: inherit;
						right: 0;
						border-color: #048fc3;
						background-color: #009fd6; }}
				.storeArea .offline .ft {
					font-size: 12px;
				}


#storeList li {
	background-color: #fff;
	border: 1px solid #2d6aa6;
	margin-bottom: 25px;
	padding: 19px 22px 30px 22px;
	font-size: 13px;
	line-height: 24px;
	overflow: hidden;
	color: #0069a7; }
	#storeList li img {
		float: left;
		width: 58px;
		height: 58px;
		margin-right: 15px; }
	#storeList li .fl {
		overflow: hidden; }
	#storeList li h5 {
		font-weight: bold;
		line-height: 32px;
		padding-bottom: 8px;
		margin-bottom: 10px;
		border-bottom: 1px solid #cbe1e8;
	}

	@media only screen and (max-width: 750px) {
		#storeList {
			margin: 0 4%; }
		#storeList li {
			font-size: 12px;
			padding: 17px 20px 27px 20px; }	
			#storeList li img {
				width: 38px;
				height: 38px; }
	}