@charset "UTF-8";
/* CSS Document */
/*----------------------------------------------------
  専用css
----------------------------------------*/

/*---　box　---*/


/*---　box　---*/
.shopBox {
	background-color:#FFF;
	padding:0px 2% 40px;
}
#shop01 .shopBox {
	background-color:#FFF;
}

.shopBox h3 {
	font-size:17px;
	letter-spacing:0.1em;
	padding-bottom:20px;
	margin-bottom:30px;
	border-bottom: solid 1px #dfdfdf;
}
#shop01 .shopBox  h3 {
	/*color:#1d2a5a;*/
}

.shopBox .accessBox .data li h4 {
	padding-bottom:10px;
	padding-top:10px;
}
.shopBox .accessBox .data li p {
	box-sizing:border-box;
	padding:10px;
}
.shopBox .accessBox .data li h4 span {
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:3px;
	text-align:left;
}
.shopBox .accessBox .data li h4 span span {
	padding:0px;
	padding:10px;
}
#shop01 .accessBox .data li h4 span {
	background-color:#f7f5e8;
}
#shop01 .accessBox .data li h4 span span {
	border:solid 1px #d5cc94;
}
#shop02 .accessBox .data li h4 span {
	background-color:#fff2f2;
}
#shop02 .accessBox .data li h4 span span {
	border:solid 1px #f5cece;
}

.shopBox .accessBox .map iframe {
	width:100%;
	height:250px;
	margin-top:20px;
}


@media screen and (min-width: 680px) {

.shopBox {
	padding:20px 0px 40px;
}
.shopBox h3 {
	font-size:24px;
	letter-spacing:0.1em;
	padding-bottom:20px;
	margin-bottom:30px;
	border-bottom: solid 1px #dfdfdf;
}

#shop01 .shopBox  h3 {
	/*color:#1d2a5a;*/
}

.shopBox .accessBox .data {
	display:table;
	width:100%;
}
.shopBox .accessBox .data li {
	display:table-row;
}
.shopBox .accessBox .data li h4 {
	display:table-cell;
	width:8em;
	padding-bottom:10px;
	padding-top:10px;
}
.shopBox .accessBox .data li p {
	display:table-cell;
	box-sizing:border-box;
	padding-left:20px;
	padding-bottom:10px;
	padding-top:10px;
}
.shopBox .accessBox .data li h4 span {
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:3px;
	text-align:center;
}
.shopBox .accessBox .data li h4 span span {
	padding:0px;
	padding:10px;
}
#shop01 .accessBox .data li h4,
#shop01 .accessBox .data li p {
	border-bottom:solid 1px #f7f5e8;
}
#shop02 .accessBox .data li h4,
#shop02 .accessBox .data li p {
	border-bottom:solid 1px #fff2f2;
}
#shop01 .accessBox .data li h4 span {
	background-color:#f7f5e8;
}
#shop01 .accessBox .data li h4 span span {
	border:solid 1px #d5cc94;
}
#shop02 .accessBox .data li h4 span {
	background-color:#fff2f2;
}
#shop02 .accessBox .data li h4 span span {
	border:solid 1px #f5cece;
}


.shopBox .accessBox .map iframe {
	width:100%;
	height:300px;
	margin-top:20px;
}



}
/* --------  780〜1050   --------*/
@media screen and (min-width:680px) and ( max-width:1049px) {
.old li a {
	font-size:2vw;
}
.old li a span {
	font-size:1.5vw;
	margin-bottom:5px;
}
}



.shopBox .btnBox li a {
	background-color:#ff6e6e;
	display:block;
	width:90%;
	margin:20px auto 0px;
	color:#FFF;
	padding:15px 20px;
	font-size:16px;
	text-align:center;
	border-radius:10px;
	border-bottom:solid 5px #ee4a4a;
	position:relative;
	box-sizing:border-box;
}
.shopBox .btnBox {
	margin:20px auto 20px;
}

.shopBox .btnBox li a:before {
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent #ffffff;
	position:absolute;
	right:15px;
	top:50%;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.shopBox .btnBox li a:hover {
	background-color:#ff4646;
}





@media screen and (min-width: 680px) {
.shopBox .btnBox li  {
	width:48%;
	float:left;
	margin:0 1%;
}
.shopBox .btnBox li a {
	background-color:#ff6e6e;
	display:block;
	width:100%;
	max-width:800px;
	margin:20px auto;
	color:#FFF;
	padding:20px;
	font-size:22px;
	text-align:center;
	border-radius:10px;
	border-bottom:solid 5px #ee4a4a;
	position:relative;
	display:block;
}


#shop02 .shopBox .btnBox {
	margin:20px auto 20px;
	text-align:center;
	letter-spacing:-.4em;
}
#shop02 .shopBox .btnBox li  {
	width:48%;
	display:inline-block;
	letter-spacing:normal;
	margin:0 1%;
	float:none!important;
}

}


.btn {
	background-color:#ff6e6e;
	display:block;
	width:90%;
	margin:50px auto 20px!important;
	color:#FFF;
	padding:15px 20px;
	font-size:18px;
	text-align:center;
	border-radius:10px;
	border-bottom:solid 5px #ee4a4a;
	position:relative;
	box-sizing:border-box;
}
.btn:before {
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent #ffffff;
	position:absolute;
	right:20px;
	top:50%;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.btn:hover {
	background-color:#ff4646;
}
.btn strong {
	font-size:24px;
	display: inline-block;
}
.btn span {
	font-size:15px;
	display: inline-block;
	margin-left: .5em;
}
@media screen and (min-width: 680px) {
.btn {
	background-color:#ff6e6e;
	display:block;
	width:90%;
	max-width:800px;
	margin:50px auto 20px!important;
	color:#FFF;
	padding:20px;
	font-size:22px;
	text-align:center;
	border-radius:10px;
	border-bottom:solid 5px #ee4a4a;
	position:relative;
	display:block;
}
.btn strong {
	font-size:26px;
}
.btn span {
	font-size:20px;
}
}



/* --------  780〜1050   --------*/
@media screen and (min-width:680px) and ( max-width:1049px) {
.shopBox .btnBox li a {
	font-size:2.2vw;
}
}