@charset "UTF-8";

#main #access .contents > p {
	margin-bottom:2em;
}
#access .contents > .fbox {
	width:100%;
}
#access .contents > .fbox > div {
	width:calc(50% - 15px);
	box-sizing:border-box;
}
#access .contents > .fbox > div.map {
	border:5px solid #FFD21A;
	padding:15px;
	border-radius:12px;
}
#access .contents > .fbox > div h3 {
	font-size:1.8rem;
	margin-bottom:.5em;
	padding:0;
	border:none;
}

#access .contents > .fbox > div dl {
	margin-bottom:20px;
	line-height:1.4;
}
#access .contents > .fbox > div dt {
	font-size:2.4rem;
	margin-bottom:.3em;
}
#access .contents > .fbox > div dt span {
	display:block;
	font-size:2.1rem;
}
#access .contents > .fbox > div dd {
	font-size:1.8rem;
	margin-bottom:.5em;
}
#access .contents > .fbox > div dd a {
	display:block;
	width:16em;
	text-align:center;
	font-size:1.6rem;
	background:#FFBA00;
	color:#ffffff;
	font-weight:500;
	border:3px solid #FFBA00;
	line-height:1.8;
	transition:.3s;
	border-radius:6px;
}
#access .contents > .fbox > div dd a .svg-inline--fa {
	margin-right:.3em;
}
#access .contents > .fbox > div dd a:hover {
	color:#FFBA00;
	background:#ffffff;
}
#access .contents > .fbox > div ul {
	font-size:1.6rem;
	line-height:1.6;
	padding:1em 1em .5em;
	background:#efefef;
	margin-bottom:15px;
}
#access .contents > .fbox > div li {
	position:relative;
	box-sizing:border-box;
	padding-left:1em;
	margin-bottom:.3em;
}
#access .contents > .fbox > div li span {
	display:block;
	font-weight:500;
	position:relative;
}
#access .contents > .fbox > div li span::before {
	content:'';
	display:block;
	width:.8em;
	height:.8em;
	background:#333333;
	border-radius:50%;
	position:absolute;
	top:.4em;
	left:-1em;
}

#main #access .contents > .fbox > div > p {
	margin-bottom:0;
	line-height:1.6;
}
#main #access .contents > .fbox > div > p span {
	display:block;
	font-size:1.6rem;
}
#main #access .contents > .fbox > div > p span.att {
	color:#ff0000;
	display:inline-block;
	line-height:1.3;
	margin-bottom:.3em;
	padding-top: .3em;
}
#main #access .contents > .fbox > div > p span a {
	display:inline-block;
	/* font-size:.9em; */
	line-height:1.8;
	padding: 0.1em .8em;
	background:#FFBA00;
	color:#ffffff;
	border-radius:4px;
	font-weight: 500;
}
#main #access .contents > .fbox > div > p span a:hover {
	opacity:.8;
}
#main #access .contents > .fbox > div > p span a .svg-inline--fa {
	margin-left:.3em;
	font-size:.8em;
}

#access .contents.parking h4 {
	margin-bottom:0.2em;
}
#main #access .contents.parking  > p {
	margin-bottom:.2em;
	line-height: 1.8;
}
#main #access .contents.parking > p.att {
	color:#ff0000;
	line-height:1.5;
	margin-bottom:1em;
	font-size:1.6rem;
	box-sizing:border-box;
	padding:.5em 1em;
	border:2px solid #ff0000;
	border-radius:8px;
}

#access .parking .park {
	border:5px solid #FFD21A;
	padding:30px;
	border-radius:12px;
	max-width:740px;
	margin: 0 auto 60px;
}
.contents h3.keiyaku {
    font-size: 2.4rem;
    line-height: 1.5;
    margin-bottom: 1em;
    border: none;
    padding: .5em 1em;
    text-align:center;
    border-radius:12px 12px 0 0;
    color:#ffffff;
    background:#7C879B;
}

#access .parking .othermap {
	margin-bottom: 60px;
}
#access .parking .othermap > div {
	width:calc(50% - 15px);
}
#access .parking .othermap > div.park {
	padding:1em;
	box-sizing:border-box;
	margin: 0 0 15px;
	text-align:center;
}
#access .parking .othermap > div.park img {
	display:block;
	margin-bottom:15px;
}
#main #access .parking .othermap > div p {
	margin-bottom:.5em;
}
#access .parking .othermap > div span.att {
	color:#ff0000;
	display:inline-block;
	line-height: 1.5;
	margin-bottom:1em;
}
#main #access .parking .othermap > div a {
	display:inline-block;
	line-height:1.8;
	padding:0 1em;
	background:#FFBA00;
	color:#ffffff;
	border-radius:4px;
	margin-bottom:30px;
	font-size:1.8rem;
	font-weight:500;
}
#main #access .parking .othermap > div.park a:last-child {
	margin-bottom:0;
}
#main #access .parking .othermap > div a:hover {
	opacity:.8;
}
#main #access .parking .othermap > div a .svg-inline--fa {
	margin-left:.3em;
	font-size:.8em;
}
#main #access .parking .othermap > div:not(.park) a {
	width:100%;
	text-align:center;
	font-size:2.1rem;
    box-sizing: border-box;
}
#main #access .parking .othermap > div:not(.park) a.att {
	background:#cc0000;
	margin-bottom:.5em;
}

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

}

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

#access .wrap {
    padding-bottom:30px;
}
#main #access .contents > p {
	text-align:left;
}
#access .contents > .fbox > div {
	width:100%;
	box-sizing:border-box;
}
#access .contents > .fbox > div.map {
	border:3px solid #FFD21A;
	padding:10px;
	border-radius:8px;
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 2;
	order: 2;
}
#access .contents > .fbox > div.access {
	margin-bottom:30px;
}
#access .contents > .fbox > div h3 {
	font-size:1.6rem;
}
#access .contents > .fbox > div dl {
	margin-bottom:15px;
}
#access .contents > .fbox > div dt {
	font-size:2.1rem;
}
#access .contents > .fbox > div dt span {
	font-size:1.8rem;
}
#access .contents > .fbox > div dd {
	font-size:1.5rem;
}
#access .contents > .fbox > div dd a {
	font-size:1.5rem;
	transition:0s;
}
#access .contents > .fbox > div dd a:hover {
	color:#ffffff;
	background:#FFBA00;
}
#access .contents > .fbox > div ul {
	font-size:1.5rem;
	line-height:1.5;
	padding:1em .5em .5em;
}
#main #access .contents > .fbox > div > p {
}
#main #access .contents > .fbox > div > p span {
	display:block;
	font-size:1.4rem;
}

#main #access .contents.parking > p.att {
	font-size:1.4rem;
	box-sizing:border-box;
	padding:.5em;
	border:1px solid #ff0000;
	border-radius:6px;
}

#access .parking .park {
	border:3px solid #FFD21A;
	padding:10px;
	border-radius:8px;
	margin-bottom:45px;
}

.contents h3.keiyaku {
    font-size: 1.8rem;
    line-height: 1.5;
    margin-bottom: 1em;
    border: none;
    padding: .5em 1em;
    text-align:center;
    border-radius:12px 12px 0 0;
    color:#ffffff;
    background:#7C879B;
}

#access .parking .othermap > div span.att {
	font-size: 1.4rem;
}

#main #access .parking .othermap > div:not(.park) a {
	width:100%;
	text-align:center;
	font-size:1.6rem;
	padding:0;
}
#main #access .parking .othermap > div:not(.park) a:last-child {
	background:#cc0000;
}
#access .parking .othermap {
	margin-bottom: 15px;
}

}

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

}